generated from dwd/boilarplate-astro-tailwind
34 lines
1.8 KiB
Plaintext
34 lines
1.8 KiB
Plaintext
<main>
|
|
<div class="bg-[url(/img/bg-image.jpg)] bg-cover bg-center h-screen">
|
|
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
|
|
<div class="container mx-auto px-4 max-w-lg py-6 bg-[#00000080] rounded-lg shadow-[0px 0px 10px 0px] shadow-[#FFF]">
|
|
<div class="flex flex-col space-y-3 ">
|
|
<p class="text-2xl font-bold text-[#FFF] ">Welcome Back</p>
|
|
<p class="text-lg text-[#fff]">Enter your email and password to access your account</p>
|
|
<div class="mt-10 flex flex-col">
|
|
<label class="text-[#FFF]" for="email">Email:</label>
|
|
<input
|
|
class="border-2 border-[#fff] text-[#FFF] rounded-md bg-transparent p-2"
|
|
placeholder="Email Id"
|
|
type="text">
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<label class="text-[#FFF]" for="password">Password:</label>
|
|
<input
|
|
placeholder="Password"
|
|
class="border-2 border-[#fff] text-[#FFF] rounded-md bg-transparent p-2"
|
|
type="password">
|
|
</div>
|
|
<div class="flex flex-row justify-between">
|
|
<label class="text-[#FFF]" for="remember">
|
|
<input type="checkbox" name="remember" id="remember">
|
|
Remember Password
|
|
</label>
|
|
<a class="text-[#FFF]" href="">Forgot Password</a>
|
|
</div>
|
|
<button class="bg-[#FFFFFF80] p-1.5 rounded-md">Login</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main> |