Halaman Daftar
Membuat halaman Daftar, Pertama kamu bisa copy paste Struktur Dasar Template yang ada di bagian Instalasi, lalu cocokkan url yang ada dengan struktur aplikasi atau web kamu, dan untuk membuat halaman Daftar, standarnya kamu tidak perlu meload javascript apapun.
Kedua, didalam tag <body> buat element menggunakan tag <div> dengan class .container-fluid, lalu didalam element <div class="container-fluid"> buat element menggunakan tag <div> dengan class .register, didalamnya ada dua bagian yaitu Daftar Konten dan Button Login. Untuk membuat Daftar Konten kamu perlu tag <div> dengan class .register__content. Untuk membuat Button Login kamu perlu tag <a> dengan class .btn diikuti dengan class untuk style Buttonnya .btn--link. Letakkan Button Login setelah Daftar Konten.
Ketiga, didalam Daftar Konten ada beberapa bagian yaitu Daftar Head (tempat logo dan keterangan daftar), Daftar Form, dan Daftar Alt (tempat button daftar dengan Facebook atau Google).
Untuk membuat Daftar Head, kamu perlu tag <div> dengan class .register__head, didalamnya kamu bisa menggunakan tag <img> untuk menampilkan logo, dan gunakan tag <h5> atau <p> untuk menambahkan keterangan daftar.
Untuk membuat Daftar From, kamu perlu tag <div> dengan class .register__form lalu didalamnya buat element menggunakan tag <form>, kemudian didalam tag <form> kamu bisa membuat Form seperti pada dokumentasi Form dan menambahkan Button seperti pada dokumentasi Button, namun kamu harus membungkus Button-nya menggunakan tag <div> dengan class .register__form-action. Letakkan Daftar Form setelah Daftar Head.
Untuk membuat Daftar Alt, kamu perlu tag <div> dengan class .register__alt, lalu didalamnya kamu bisa membuat 'Button Daftar dengan Facebook' menggunakan tag <a> dengan class .btn diikuti dengan class untuk style Buttonnya .btn--register-alt-facebook. Untuk membuat 'Button Daftar dengan Google' caranya hampir sama dengan membuat 'Button Daftar dengan Facebook', hanya saja kamu perlu mengubah class untuk style Buttonnya menjadi .btn--register-alt-google. Letakkan Login Alt setelah Daftar Form.
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tag wajib -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Halaman Daftar . Reza Admin</title>
<!-- pertama Bootstrap CSS -->
<link rel="stylesheet" href="[host mu]/dist/css/bootstrap.min.css">
<!-- kemudian Font awesome -->
<link rel="stylesheet" type="text/css" href="[host mu]/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
<!-- dan Reza Admin CSS -->
<link rel="stylesheet" type="text/css" href="[host mu]/dist/css/reza-admin.min.css">
<!-- Favicon -->
<link rel="icon" href="[host mu]/dist/img/Reza_Admin.ico">
</head>
<body>
<div class="container-fluid">
<div class="register">
<div class="register__content mt-3">
<div class="register__head">
<a href=""><img src="[host mu]/dist/img/Reza_Admin.svg"></a>
<h5 class="mt-3">Buat Akun</h5>
</div>
<div class="register__form">
<form>
<div class="form-row">
<div class="col-sm-6 mb-3 mb-sm-0">
<input type="text" name="first-name" placeholder="Nama Depan ..." class="form form--focus-blue mt-0">
</div>
<div class="col-sm-6">
<input type="text" name="last-name" placeholder="Nama Belakang ..." class="form form--focus-blue mt-0">
</div>
</div>
<input type="email" name="email" placeholder="Email ..." class="form form--focus-blue">
<div class="form-group">
<input type="password" name="password" placeholder="Password ..." class="form form--focus-blue">
<small id="input-help" class="form-text text-muted">Masukkan kombinasi dari paling sedikit 8 karakter dan angka</small>
</div>
<input type="password" name="password-repeat" placeholder="Ulangi Password ..." class="form form--focus-blue">
<div class="register__form-action mt-3">
<div class="form-check mb-2 mb-sm-0">
<input type="checkbox" name="input_check" id="input_check" class="form form--focus-blue">
<label for="input_check" class="label--check">Saya setuju dengan <a href="#">syarat-syarat</a></label>
</div>
<button type="submit" class="btn btn--blue">Daftar</button>
</div>
</form>
</div>
<div class="register__alt">
<a href="" class="btn btn--register-alt-google mb-2"><span class="fa fa-google"></span> Daftar dengan Google</a>
<a href="" class="btn btn--register-alt-facebook"><span class="fa fa-facebook"></span> Daftar dengan Facebook</a>
</div>
</div>
<a href="" class="btn btn--link mb-3">Sudah punya akun? Login!</a>
</div>
</div>
</body>
</html>