register.php

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
	<div class="col-md-5 d-block mx-auto mt-5">
		<h3>Register your profile</h3>

		<?php
			if (!empty($_GET['result'])) {
		?>
			<div class="alert alert-success" role="alert">
		  		Data inserted successfully!
			</div>
		<?php
			}
		?>

		<form action="register_process.php" method="POST">
			<label for="inputName">Enter Your Name:</label>
			<input type="text" name="inputName" id="inputName" placeholder="Enter your name" required="required" class="form-control" />

			<label for="inputEmail">Enter your email:</label>
			<input type="email" name="inputEmail" id="inputEmail" placeholder="Enter valid email" required="required" class="form-control" />

			<label for="inputUsername">Enter Username:</label>
			<input type="text" name="inputUsername" id="inputUsername" placeholder="Enter Username" required="required" class="form-control" />

			<label for="inputPassword">Enter Password:</label>
			<input type="password" name="inputPassword" id="inputPassword" placeholder="Enter your password" required="required" class="form-control" />

			<button type="submit" name="submitBtn" class="btn btn-primary" />Register</button>
		</form>
	</div>

	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>