dwd-projects
/
holywisdompublicschool.com
generated from dwd/boilarplate-astro-tailwind
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

s1

pull/6/head
Suvodip 2024-09-14 17:11:43 +05:30
parent 8dca92b6fe
commit 1a2ddb7316
1 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/pages/test4.astro Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Facebook Login Page</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100">
<div class="flex flex-col md:flex-row items-center justify-center min-h-screen p-6 md:p-12">
<!-- Left Section with Facebook Branding -->
<div class="md:w-1/2 mb-6 md:mb-0 text-center md:text-left">
<h1 class="text-blue-600 text-5xl font-bold">facebook</h1>
<p class="text-xl mt-4">Connect with friends and the world around you on Facebook.</p>
</div>
<!-- Right Section with Login Form -->
<div class="w-full max-w-md bg-white p-6 rounded-lg shadow-lg">
<form class="space-y-4">
<div>
<input type="text" placeholder="Email or phone number"
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" />
</div>
<div>
<input type="password" placeholder="Password"
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" />
</div>
<div>
<button type="submit"
class="w-full py-3 bg-blue-600 text-white rounded-lg font-bold hover:bg-blue-700">Log In</button>
</div>
<div class="flex justify-center mt-2">
<a href="#" class="text-blue-600 text-sm hover:underline">Forgotten password?</a>
</div>
<hr class="my-4">
<div class="flex justify-center">
<button type="button"
class="px-6 py-3 bg-green-500 text-white rounded-lg font-bold hover:bg-green-600">Create New Account</button>
</div>
</form>
<p class="text-center text-sm mt-4">Create a Page for a celebrity, brand or business.</p>
</div>
</div>
</body>
</html>