registerpage.html - Added Register Form

This commit is contained in:
Matthew Patrick 2021-09-12 21:42:34 +07:00
parent 651be1b8d9
commit 09fab67cd3

View file

@ -26,6 +26,22 @@
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.card-1 {
background-color: black;
margin-top: 5%;
margin-bottom: 5%;
margin-right: 35%;
margin-left: 35%;
}
button[type="submit"] {
margin-bottom: 4%;
}
.btn-register {
width: 100%;
}
</style>
</head>
<body>
@ -55,6 +71,45 @@
</div>
</nav>
<div class="card card-1 text-white bg-dark mb-3" style="border-radius: 30px;">
<div class="card-header" style="text-align: center; font-size: 20pt">Register</div>
<img src="assets/logo_transparent.png" alt="" width="40%" style="margin-left: 30%; margin-top: 0%;">
<div class="card-body">
<form class="px-4 py-3">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<input type="text" name="first_name" id="first_name" class="form-control input-sm text-center"
placeholder="First Name">
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<div class="form-group">
<input type="text" name="last_name" id="last_name" class="form-control input-sm text-center"
placeholder="Last Name">
</div>
</div>
</div>
<div class="form-group">
<input type="date" id="birthDate" class="form-control text-center">
</div>
<div class="form-group">
<input type="email" name="email" id="email" class="form-control input-sm text-center"
placeholder="Email Address">
</div>
<div class="form-group">
<input type="password" name="password" id="password" class="form-control input-sm text-center"
placeholder="Password">
</div>
<div class="form-group">
<input type="password" name="password_confirmation" id="password_confirmation"
class="form-control input-sm text-center" placeholder="Confirm Password">
</div>
<button type="submit" class="btn btn-register btn-primary">Register</button>
</form>
</div>
</div>
<script>
feather.replace()
</script>