Untitled

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.Registration.com</title>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
</head>
<body style="padding-top:20px">
<div class="col-md-10 col-md-offset-1">
<div class="well">
<table class="table table-bordered">
<thead>
<tr class="success">
<td colspan="2">
New User Registration
</td>
</tr>
</thead>
<tbody>
<tr>
<td>Email</td>
<td>
<input type="text" id="txtEmail" placeholder="Email" />
</td>
</tr>
<tr>
<td>Password</td>
<td>
<input type="text" id="txtEmail" placeholder="Email" />
</td>
</tr>
<tr>
<td>Confirm Password</td>
<td>
<input type="text" id="txtEmail" placeholder="Email" />
</td>
</tr>
<tr class="success">
<td colspan="2">
<input id="btnRegister" class="btn btn-success" type="button" value="Register" />
</td>
</tr>
</tbody>
</table>
<div class="modal fade" tabindex="-1" id="successModel" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
&times;
</button>
<h4>Success</h4>
</div>
<div class="modal-body">
<h2>Registration SuccesFull</h2>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-success">
Close
</button>
</div>
</div>
</div>
</div>

</div>
</div>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<script src="Scripts/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function () {
$("#btnRegister").click(function () {
$("#successModel").modal();

});
});
</script>
</body>
</html>