ChatsApp/FrontEnd/index.html
2024-11-03 21:00:53 +07:00

41 lines
2.1 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<title>Registrasi - ChatsApp</title>
</head>
<body class="bg-light">
<div class="container d-flex justify-content-center align-items-center min-vh-100">
<div class="card shadow" style="width: 400px;">
<div class="card-body">
<h2 class="card-title text-center">Registrasi</h2>
<form id="registerForm">
<div class="form-group">
<label for="username">Nama Pengguna</label>
<input type="text" class="form-control" id="username" name="username" required placeholder="Masukkan Nama Pengguna">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" name="email" required placeholder="Masukkan Email">
</div>
<div class="form-group">
<label for="password">Kata Sandi</label>
<input type="password" class="form-control" id="password" name="password" required placeholder="Masukkan Kata Sandi">
</div>
<button type="submit" class="btn btn-primary btn-block">Daftar</button>
</form>
<div class="text-center mt-3">
<small>Sudah punya akun? <a href="#">Masuk</a></small>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.7/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>