53 lines
1.6 KiB
HTML
53 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Hit or Run — Login</title>
|
|
<style>
|
|
body{
|
|
margin:0; font-family:Inter, sans-serif; background:#071827;
|
|
display:flex; align-items:center; justify-content:center; min-height:100vh;
|
|
color:white;
|
|
}
|
|
.card{
|
|
background:rgba(255,255,255,0.05); padding:28px; border-radius:16px;
|
|
width:320px; box-shadow:0 8px 30px rgba(0,0,0,0.5);
|
|
backdrop-filter:blur(8px);
|
|
}
|
|
h2{margin-top:0; text-align:center}
|
|
label{display:block; margin:10px 0 4px; font-size:14px}
|
|
input{
|
|
width:100%; padding:10px; border-radius:8px; border:0; margin-bottom:10px;
|
|
background:#ffffff12; color:white;
|
|
}
|
|
button{
|
|
width:100%; padding:10px; border-radius:8px; border:0; cursor:pointer;
|
|
background:linear-gradient(90deg,#ffd54a); color:black; font-weight:600;
|
|
margin-top:10px;
|
|
}
|
|
.note{text-align:center; margin-top:10px; font-size:14px}
|
|
a{color:#4ade80; text-decoration:none}
|
|
.logo{
|
|
text-align:center; margin-bottom:12px; font-size:100px;
|
|
filter:drop-shadow(0 0 8px #00000088);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="logo">🂡</div>
|
|
<h2>Login — Hit or Run</h2>
|
|
|
|
<label>Username</label>
|
|
<input type="text" placeholder="Masukkan username" />
|
|
|
|
<label>Password</label>
|
|
<input type="password" placeholder="Masukkan password" />
|
|
|
|
<button>Login</button>
|
|
|
|
<div class="note">Belum punya akun? <a href="regis.html">Register</a></div>
|
|
</div>
|
|
</body>
|
|
</html> |