HTML CODE OF FACEBOOK LOGIN PAGE
<!docktype html>
<html>
<head>
<title>Facebook page</title>
<style>
*{margin:0px;padding:0px;}
.d1{ display: inline-block;
position: absolute;
top: 42px;
left: 237px;
}
.img1{
height: 48px;
}
.mar{
margin-top: 21px;
display: inline-block;
font-family: inherit;
font-weight: normal;
color: #ffffff ;
font-size: 16px;
}
.mar2{
width:183px;
height:30px;
}
.btn1{
margin-left: 12px;
color: #FFF;
background-color: #4267B2;
border: 1px solid #2B4A80 ;
height: 30px;
width: 59px;
font-size: 15px;
}
.para1
{
display: inline-block;
position: absolute;
top: 88px;
left: 1099px;
color: white;
font-family: inherit;
font-weight: normal;
}
.head1
{
font-family: 'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
letter-spacing: normal;
text-rendering: optimizelegibility;
font-size:50px;
margin-top:38px;
}
.head3{
font-family: 'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
letter-spacing: normal;
font-size: 19px;
line-height: 126%;
text-rendering: optimizelegibility;
}
.mar3{width: 284px;
height: 50px;
border-radius: 5px;
border: 1px solid #EBEEF3;
font-size: 21px;
font-family: 'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
letter-spacing: normal;
text-rendering: optimizelegibility;}
.mar4{
border-radius: 5px;
border: 1px solid #EBEEF3;
font-size: 21px;
width: 573px;
height:50px;
font-family: 'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
letter-spacing: normal;
text-rendering: optimizelegibility;
}
.mar5{
font-family: 'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
letter-spacing: normal;
text-rendering: optimizelegibility;
font-size:18px;
}
.mar6{width:100px;height:30px;}
.sm1{
width: 361px;
position: absolute;
top: 620px;
font-size: 15px;
}
.mar8{
font-size: 18px;
width: 167px;
height: 45px;
font-weight: bold;
background: #62A24F ;
border: 1px solid #62A24F;
border-radius: 5px;
color:#fff;
cursor:pointer;
}
.img2
{
position: absolute;
top: 159px;
left: 131px;
width: 635px;
}
</style>
</head>
<body style="background-color: #E9EBEE">
<table cellpadding="0" cellspacing="0" width="1690px" height="768px" border="0" align="center">
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="1690px" height="105px" border="0" align="center">
<tr bgcolor=" #3B5998 ">
<td width="850px" height="105px">
<div class="d1">
<img src="facebook logo.png" class="img1"/>
</div>
</td>
<td width="850px" height="105px">
<table cellpadding="0" cellspacing="0" width="850px" height="105px" border="0" align="center">
<tr>
<td>
<h4 class="mar" style="margin-left:40px;">Email or Phone</h4>
</td>
<td colspan="2">
<h4 class="mar" style="margin-left:35px">Passw
ord</h4>
</td>
</tr>
<tr>
<form>
<td width="100px">
<input type="text" name="in1" class="mar2" style="margin-left:40px">
</td>
<td width="50px">
<input type="password" name="in2" class="mar2" style="margin-left:35px">
</td>
<td width="500px">
<input type="button" name="in3" value="Login" width="50px" height="22px" class="btn1">
</td>
</form>
</tr>
<tr>
<td colspan="3">
<a href="#" class="para1">Forgotten account?</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="1690px" height="663px" border="0" align="center">
<tr>
<td width="870px">
<img src="original-fb1.png" class="img2">
</td>
<td>
<table cellpadding="0" cellspacing="0" width="820px" height="663px" border="0" align="center">
<tr>
<td height="60px">
<h1 class="head1">Create a new account</h1>
</td>
</tr>
<tr>
<td height="30px">
<h3 class="head3">It's free and always will be.</h3>
</td>
</tr>
<tr>
<td height="60px">
<input type="text" placeholder="First name" name="n3" class=" mar3">
<input type="text" placeholder="Last name" name="n3" class=" mar3">
</td>
</tr>
<tr>
<td height="60px">
<input type="text" placeholder="Your Email" name="n3" class=" mar4">
</td>
</tr>
<tr>
<td height="60px">
<input type="password" placeholder="Password" name="n3" class=" mar4">
</td>
</tr>
<tr>
<td height="50px">
<h4 class="mar5">Birthday</h4>
</td>
</tr>
<tr>
<td height="60px">
<select class="mar6">
<option>Day</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select class="mar6">
<option>Month</option>
<option>Jan</option>
<option>Feb</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>Aug</option>
<option>Sept</option>
<option>Oct</option>
<option>Nov</option>
<option>Dec</option>
</select>
<select class="mar6">
<option>Year</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
</select>
</td>
</tr>
<tr>
<td height="60px">
<input type="radio" name="n3" class="mar7">Male
<input type="radio" name="n3" class="mar7">Fe
male
</td>
</tr>
<tr>
<td height="70px">
<small class="sm1">
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.
</small>
</td>
</tr>
<tr>
<td height="70px">
<input type="submit" value="Sign Up" name="n3" class="mar8" width="200px" height="100px">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment