curaflow/login.html

45 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login | CuraFlow HMS</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="login.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
</head>
<body class="auth-body">
<div class="auth-container">
<div class="auth-card">
<div class="auth-logo">
<span class="logo-icon">C</span>
<h1>CuraFlow</h1>
</div>
<h2>Welcome Back</h2>
<p>Login to manage your clinic OPD and accounts.</p>
<form id="loginForm">
<div class="input-group">
<label>Clinic ID / Email</label>
<input type="text" placeholder="e.g. SHARMA-CLINIC-01" required>
</div>
<div class="input-group">
<label>Password</label>
<input type="password" placeholder="••••••••" required>
</div>
<button type="submit" class="btn-primary auth-btn">Login to Dashboard</button>
</form>
<p class="auth-footer">New to CuraFlow? <a href="register.html">Register your clinic</a></p>
</div>
</div>
<script>
document.getElementById('loginForm').onsubmit = (e) => {
e.preventDefault();
window.location.href = 'dashboard.html';
};
</script>
</body>
</html>