login
This commit is contained in:
parent
c05d295cbd
commit
8dbbfa17de
53
Login.html
Normal file
53
Login.html
Normal file
@ -0,0 +1,53 @@
|
||||
<!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>
|
||||
Loading…
x
Reference in New Issue
Block a user