You are on page 1of 3

<!

DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
.clear {
clear:both;
}
#fbup {
height: 100px;
}
.space {
float: left;
margin-top: 10px;
text-align: left;
padding-left: 10px;
color: white;
padding-top:0;
}

.right {
margin-left: 800px;
}

.left {
color: #f2f2f2;
margin-left: 200px;
float: left;
line-height: 40px;
}
.table {
margin-top:-316px;
float:left;
margin-left:790px;
border:hidden;
}
.left_table {
float:left;
margin-top:20px;
font-size:20px;
margin-left:200px;
}
</style>
</head>
<body bgcolor="#b8c2c8">

<form action="div.html">
<div class="fbup" style="background: #1c297a; margin:-8px -16px 0
-8px;padding:0 0; width: 1366px;; ">
<div class="email space right" style="padding-right:
60px;">Email or Phone</div>
<div class="space" style="padding-right:
60px;">Password</div>
<div class="space"><p></p></div>
<div class="clear"></div>
<div class="left" style="font-
size:50px;"><strong>Facebook</strong></div>
<div class="space right"><input type="text"
style="width:154px;margin-left:-405px" required /> </div>
<div class="space"><input type="password" style="width:
134px; margin-left: -245px" required /></div>
<div class="space"><input type="submit" value="Log In"
style=" border-color: black;margin-left:-105px; background:
#1c29dd;height:25px;color:white; "></div>
<div class="clear"></div>
<div style="margin-left:983px;margin-
top:5px;color:white;">Forgotten account?</div>
</div>
<div class="left_table">
<p style="width:400px;"><b>Facebook helps you connect and share with
the people in your life.</b></p><br />
<img src="img/fb world map login pagepng.png">
</div>

<div class="table">
<table>
<tr><td style="font-size:40px;"><b>Create a new
account</b></td></tr>
<tr><td style="font-size: 22px; padding-top: 5px;padding-
bottom:15px;">It's free and always will be.</td></tr>
<tr>
<td><input type="text" placeholder="First name" style="font-
size:20px;width:185px;margin-right:10px;margin-bottom:10px;" /><input type="text"
placeholder="Surname" style="font-size: 20px; width: 180px;margin-bottom: 10px;
" /></td>
</tr>
<tr><td><input type="text" placeholder="Mobile number or email
address" style="width:380px;font-size:20px;margin-bottom:10px;" /></td></tr>
<tr><td><input type="text" placeholder="New password"
style="width:380px;font-size:20px;margin-bottom:15px;" /></td></tr>
<tr><td style="font-size:20px;">Birthday</td></tr>
<tr>
<td>
<table style="margin-bottom:10px;">
<tr>
<td>
<select name="6" style="width:60px;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</td>
<td>
<select name="May" style="width:60px;">
<option value="Jan">Jan</option>
<option value="Feb">Feb</option>
<option value="Mar">Mar</option>
<option value="Apr">Apr</option>
<option value="May">May</option>
</select>
</td>
<td>
<select name="1994" style="width:60px;">
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
</select>
</td>
<td><p style="width: 170px; margin-bottom: 0;
margin-top: 0; font-size: 13px;">Why do I need to provide my date of birth?
</p></td>
</tr>
</table>
</tr>
<tr>
<td style="font-size:20px;">
<input type="radio" name="gender" value="female" />Female
<input type="radio" name="gender" value="male" />Male
</td>
</tr>
<tr>
<td><p style="width:330px;font-size:13px;">By clicking Sign Up,
you agree to our Terms, Data Policy and Cookie Policy. You may receive SMS
notifications from us and can opt out at any time.</p></td>
</tr>
<tr><td><input type="submit" value="Sign up" style="width: 180px;
background: #0e8c1d;border-radius:7px;height:40px;margin-bottom:15px;" /></td></tr>
<tr><td>Create a Page for a celebrity, band or business.</td></tr>
</table>
</div>

</form>
</body>
</html>

You might also like