API tools faq
paste
Advertisement
SamGauths

Facebook Log In Page

SamGauths
Dec 18th, 2019
691
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <head>
  5.         <title>FACEBOOK CLONE</title>
  6.  
  7.         <style>
  8.             body
  9.             {
  10.            
  11.             }
  12.             .bar
  13.             {
  14.                 position: absolute;
  15.                 top: 0px;
  16.                 left: 0px;
  17.                 background-color: #4267b2;
  18.                 width: 100%;
  19.                 height: 100px;
  20.                 float: right;
  21.                 float: left;
  22.             }
  23.             .form1
  24.             {
  25.                 position: absolute;
  26.                 top: 20px;
  27.                 left: 1000px;
  28.                 color: white;
  29.                 font-family: Arial;
  30.             }
  31.             .form2
  32.             {
  33.                 position: absolute;
  34.                 top: 20px;
  35.                 left: 1170px;
  36.                 color: white;
  37.                 font-family: Arial;
  38.             }
  39.             .forgot
  40.             {
  41.                 position: absolute;
  42.                 top: 65px;
  43.                 left: 1170px;
  44.                 font-family: Arial;
  45.             }
  46.             .login
  47.             {
  48.                 position: absolute;
  49.                 top: 38px;
  50.                 left: 1340px;
  51.             }
  52.             .bkg
  53.             {
  54.                 position: absolute;
  55.                 top: 100px;
  56.                 left: 0px;
  57.                 width: 100%;
  58.                 height: 600px;
  59.                 background-color: #eae9f4;
  60.             }
  61.             .text1
  62.             {
  63.                 position: absolute;
  64.                 top: 50px;
  65.                 left: 450px;
  66.                 font-family: Arial;
  67.                 color: #393939;
  68.             }
  69.             .list1
  70.             {
  71.                 position: absolute;
  72.                 top: 200px;
  73.                 left: 450px;
  74.                 font-family: Arial;
  75.                 color: #393939;
  76.             }
  77.             .form3
  78.             {
  79.                 position: absolute;
  80.                 top: 20px;
  81.                 left: 995px;
  82.                 color: #393939;
  83.                 font-family: Arial;
  84.             }
  85.         </style>
  86.     </head>
  87.  
  88.     <body>
  89.         <div class="bar">
  90.             <div style="margin-top:20px; margin-left:450px;"><img height="75" src="fb_img1.jpg" /></div>
  91.             <div class="form1">
  92.             <form action="">
  93.             Email: <br>
  94.             <input type="text" name="fname">
  95.             </form>
  96.             </div>
  97.             <div class="form2">
  98.             <form action="">
  99.             Password: <br>
  100.             <input type="text" name="fname">
  101.             </form>
  102.             </div>
  103.             <div class="forgot"><a style="text-decoration:none; color:#6c91de;" href=".">Forgot account?</a></div>
  104.             <div class="login"><button style="background-color:#4b70bd; color:white; border: solid 1px #32508f;" type="button">Log In</button></div>
  105.         </div>
  106.         <div class="bkg">
  107.             <div class="text1"><h1>Connect with friends and the<br>
  108.             world around you on Facebook.</h1></div>
  109.             <div class="list1">
  110.                 <b>See photos and updates</b>  from friends in News Feed.<br><br>
  111.                 <b>Share what's new</b>  in your life on your Timeline.<br><br>
  112.                 <b>Find more</b>  of what you're looking for with Facebook Search.
  113.             </div>
  114.  
  115.             <div class="form3">
  116.                 <h1>Sign Up</h1>
  117.                 <p>It's quick and easy.</p>
  118.                 <form action="">
  119.                 <input type="text" name="fname" placeholder="First name">
  120.                 <input type="text" name="lname" placeholder="Last name"><br><br>
  121.                 <input style="width:290px;" type="text" name="email" placeholder="Mobile number or email"><br><br>
  122.                 <input style="width:290px;" type="text" name="newPassword" placeholder="New password"><br><br>
  123.                 <div style="color:#a6a6a7;"><h3>Birthday</h3></div>
  124.                 <input type="date" name="bday">
  125.                 <div style="color:#a6a6a7;"><h3>Gender</h3></div>
  126.                 <input type="radio" name="gender" value="male"> Male
  127.                 <input type="radio" name="gender" value="female"> Female
  128.                 <input type="radio" name="gender" value="other"> Custom
  129.                 <br>
  130.                 <h6>By clicking Sign Up, you agree to our Terms, Data Policy and<br> Cookies Policy. You may receive SMS Notifications from us and<br> can opt out any time.</h6>
  131.                 <div><button style="padding-left:50px; padding-right:50px; padding-top:10px; padding-bottom:10px; background-color:#65bd54; color:white; border:solid 1px black; border-radius:5px;" type="button">Sign Up</button></div>
  132.                 </form>
  133.             </div>
  134.         </div>
  135.     </body>
  136. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!