Spaces:
Running
Running
File size: 1,970 Bytes
51448ca | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login - UrbanTurf</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<style>
.login-bg {
background: linear-gradient(135deg, rgba(0, 176, 155, 0.1) 0%, rgba(150, 201, 61, 0.1) 100%);
}
.input-focus:focus {
border-color: #10b981;
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}
</style>
</head>
<body class="login-bg min-h-screen flex items-center justify-center">
<div class="max-w-md w-full space-y-8 p-10 bg-white rounded-xl shadow-lg">
<div class="text-center">
<i data-feather="grass" class="h-12 w-12 text-green-500 mx-auto"></i>
<h2 class="mt-6 text-3xl font-extrabold text-gray-900">
Welcome back
</h2>
<p class="mt-2 text-sm text-gray-600">
Sign in to your UrbanTurf account
</p>
</div>
<form class="mt-8 space-y-6" action="#" method="POST">
<input type="hidden" name="remember" value="true">
<div class="rounded-md shadow-sm space-y-4">
<div>
<label for="email" class="sr-only">Email address</label>
<div class="relative">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<i data-feather="mail" class="h-5 w-5 text-gray-400"></i>
</div>
<input id="email" name="email" type="email" autocomplete="email" required class="input-focus pl-10 block w-full
</body>
</html> |