FaceBookLoginPage/fb.htm at main · DevAta515/FaceBookLoginPage · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="stylefb.css">
    <link rel="icon" type="image/x-icon" href="fb.png">
    <title>Facebook - log in or sign up</title>
</head>
<body class="bg-gray-100">
    <div class="flex">
  <div class="ml-60">
    <p class="text-blue-600 text-6xl mt-52 pb-2 font-medium ">facebook</p>
    <p class="text-black text-xl  font-sans w-96 ">Facebook helps you connect and share with the people in your life</p>
  </div>
    <div class=" bg-white text-center w-96 mt-36 rounded-lg m-20 pt-10 pb-6 ml-20 shadow-lg shadow-black shadow: 0 1px 1px 0 relative">
            <input class="w-72 ml-2 mb-2 h-8 border border-1 border-gray-900 rounded-md outline-blue-200 outline-2" type="text" placeholder="  Email address or phone number" value="">
            <input class="w-72 ml-2 h-8 mt-2 border border-1 border-gray-900 rounded-md tracking-normal outline-blue-200 outline-2" type="password" placeholder="  Password">
            <button class=" bg-blue-600 text-yellow-50 m-4 font-semibold hover:bg-blue-500 focus:border-black focus:border-2 w-72 ml-4 h-8 rounded-lg cursor-pointer">
                Log In
            </button>
            <a class="m-4 hover:underline cursor-pointer" href="contact.htm">Forgotten Password</a>
            <hr class="h-px my-4 bg-gray-200 border-0 dark:bg-gray-400">
            <button class="bg-green-500 text-white w-fit m-auto p-1 font-semibold rounded-lg cursor-pointer  hover:bg-green-400 focus:border-green-400 focus:border-2">
                Create New Account
            </button>
            <span class="absolute w-96 -bottom-10 right-0.5 left-0.5 text-sm cursor-pointer" ><span class="font-semibold hover:underline ">Create a page</span> for a celeberity, brand or business</span>
  </div>
</div>
</body>
</html>