| Linux in-mum-web1499.main-hosting.eu 5.14.0-503.40.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Mon May 5 06:06:04 EDT 2025 x86_64 Path : /home/u901718425/domains/task.urbanpillar.in/public_html/ |
| Current File : /home/u901718425/domains/task.urbanpillar.in/public_html/index.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background: linear-gradient(135deg, #e8f0fe, #fdfdfd);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.login-card {
max-width: 400px;
width: 100%;
padding: 2rem;
border-radius: 15px;
background: #ffffff;
}
.form-control:focus {
box-shadow: none;
border-color: #689820;
}
.btn-primary {
background-color: #689820;
border: none;
}
.btn-primary:hover {
background-color: #557a1a;
}
</style>
</head>
<body class="d-flex align-items-center justify-content-center vh-100">
<div class="login-card shadow-lg">
<div class="text-center mb-4">
<img src="https://cdn.urbanpillar.com/images/urban.png" alt="Logo" width="60">
<h4 class="mt-2">Welcome Back</h4>
<p class="text-muted small">Please login to your account</p>
</div>
<form id="loginForm">
<div class="mb-3">
<label for="email" class="form-label">Email address</label>
<div class="input-group">
<span class="input-group-text"><i class="bi bi-envelope-fill"></i></span>
<input type="email" class="form-control" id="email" placeholder="Enter your email" required>
</div>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<div class="input-group">
<span class="input-group-text"><i class="bi bi-lock-fill"></i></span>
<input type="password" class="form-control" id="password" placeholder="Enter password" required>
</div>
</div>
<button type="submit" class="btn btn-primary w-100">Login</button>
</form>
<div id="errorMsg" class="text-danger text-center mt-3 small"></div>
</div>
<!-- Bootstrap icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$('#loginForm').submit(function (e) {
e.preventDefault();
$.post('login.php', {
email: $('#email').val(),
password: $('#password').val()
}, function (res) {
if (res.success) {
window.location.href = 'dashboard.php';
} else {
$('#errorMsg').text(res.message);
}
}, 'json');
});
</script>
</body>
</html>