This commit is contained in:
myairpods6 2024-06-21 00:57:56 +05:30
parent 5202d4e3b0
commit dc21895a0a

24
src/templates/login.html Normal file
View file

@ -0,0 +1,24 @@
<!-- Log-In Page -->
<html>
<head>
<title>Log In</title>
<!-- Add this line to include the Tailwind CSS library -->
@css 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css'
</head>
<body class="bg-gray-100 flex items-center justify-center min-h-screen">
<div class="w-full max-w-md">
<h1 class="text-3xl mb-6 font-bold text-center text-blue-500">Welcome Back!</h1>
<form action="/login" method="post">
<div class="mb-4">
<label for="email" class="block text-sm font-medium leading-relaxed tracking-wide mb-2">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter email address" class="appearance-none bg-white rounded w-full py-2 px-4 leading-tight focus:outline-none focus:shadow-outline"/>
</div>
<div class="mb-4">
<label for="password" class="block text-sm font-medium leading-relaxed tracking-wide mb-2">Password:</label>
<input type="password" id="password" name="password" placeholder="Enter password" class="appearance-none bg-white rounded w-full py-2 px-4 leading-tight focus:outline-none focus:shadow-outline"/>
</div>
<button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Log In</button>
</form>
</div>
</body>
</html>