<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<header>
<h2>Student Registration</h2>
</header>
<main>
<div class="container shadow mt-5 p-3 ">
<h3><span class="badge badge-primary mt-1">Student Registration Form</span></h3>
<form action="/action_page.php" class="needs-validation" novalidate>
<div class="form-row mx-3">
<div class="col-md-6 mb-3 font-weight-bold">
<label for="fname" class="required">First Name</label>
<input type="text" class="form-control" id="fname" placeholder="Enter Firstname" name="fname"
required>
<div class="invalid-feedback">First name is required.</div>
</div>
<div class="col-md-6 mb-3 font-weight-bold">
<label for="lname" class="required">Last Name</label>
<input type="text" class="form-control" id="lname" placeholder="Enter Lastname" name="lname"
required>
<div class="invalid-feedback">Last name is required.</div>
</div>
<div class="col-md-6 mb-3 font-weight-bold">
<label for="pwd" class="required">Password:</label>
<input type="password" class="form-control" id="pwd" placeholder="Enter Password" name="pwd"
required>
