107 lines
4.6 KiB
PHP
107 lines
4.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Register Page</title>
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Font Awesome -->
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
|
|
|
<style>
|
|
.divider:after,
|
|
.divider:before {
|
|
content: "";
|
|
flex: 1;
|
|
height: 1px;
|
|
background: #eee;
|
|
}
|
|
|
|
.h-custom {
|
|
height: calc(100% - 73px);
|
|
}
|
|
|
|
@media (max-width: 450px) {
|
|
.h-custom {
|
|
height: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<section class="vh-100">
|
|
<div class="container-fluid h-custom">
|
|
<div class="row d-flex justify-content-center align-items-center h-100">
|
|
<div class="col-md-9 col-lg-6 col-xl-5">
|
|
<img src="assets/images/pyramid.jpg" class="img-fluid" alt="Sample image">
|
|
</div>
|
|
<div class="col-md-8 col-lg-6 col-xl-4 offset-xl-1">
|
|
<form method="POST" action="<?= base_url('auth/registrasi'); ?>">
|
|
|
|
<!-- Nama input -->
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input type="text" name="name" class="form-control form-control-lg"
|
|
placeholder="Masukkan Nama anda" value="<?= set_value('name'); ?>" />
|
|
<label style="margin-top: 24px" class="form-label" for="form3Example3">Nama</label>
|
|
</div>
|
|
|
|
<!-- Email input -->
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input type="email" id="email" name="email" class="form-control form-control-lg"
|
|
placeholder="Masukkan email valid anda" value="<?= set_value('email'); ?>" />
|
|
<label style="margin-top: 24px" class="form-label" for="form3Example3">Email address</label>
|
|
</div>
|
|
|
|
<!-- Password input -->
|
|
<div data-mdb-input-init class="form-outline mb-3">
|
|
<input type="password" name="password1" class="form-control form-control-lg"
|
|
placeholder="Masukkan password" />
|
|
<label style="margin-top: 24px" class="form-label" for="form3Example4">Password</label>
|
|
</div>
|
|
|
|
<div data-mdb-input-init class="form-outline mb-3">
|
|
<input type="password" name="password2" class="form-control form-control-lg"
|
|
placeholder="Masukkan password" />
|
|
<label style="margin-top: 24px" class="form-label" for="form3Example4">Konfirmasi
|
|
Password</label>
|
|
</div>
|
|
|
|
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<!-- Checkbox -->
|
|
<div class="form-check mb-0">
|
|
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example3" />
|
|
<label class="form-check-label" for="form2Example3">
|
|
Remember me
|
|
</label>
|
|
</div>
|
|
<a href="#!" class="text-body">Forgot password?</a>
|
|
</div>
|
|
|
|
<div class="text-center text-lg-start mt-4 pt-2">
|
|
<button type="submit" data-mdb-button-init data-mdb-ripple-init
|
|
class="btn btn-primary btn-lg"
|
|
style="padding-left: 2.5rem; padding-right: 2.5rem;">Register</button>
|
|
<p class="small fw-bold mt-2 pt-1 mb-0">Sudah Punya akun ? <a
|
|
href="<?= base_url('auth'); ?>" class="link-danger">Login</a></p>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Bootstrap Bundle JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- MDB JS (Jika Anda menggunakan MDBootstrap) -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/6.2.0/mdb.min.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |