FACEBOOK CODE
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<meta charset="UTF-8">
<title>...</title>
<style type="text/css">
.header { background-color: lightyellow;
padding: 1rem;
padding-left:2rem;
color: blue;
font-size: 13.5px;
}
body { background-color: white
}
h2 {
color : #0078ff
}
input { width:89%;
padding: 0.67rem;
margin: 3.5px;
background-color: #eeeeed;
border-radius:2px;
border:1px solid darkgrey;
}
input:focus {border:0.7px solid orange;
}
input[type=submit] {
background-color: #0077FF;
border:none;
width:97%;
margin-top:0.4rem;
padding:9.5px;
color:white;
font-size: 1.1rem;
border-radius: 5px
}
button { color :white;
padding: 12px;
background-color: green;
border:none;
border-radius: 3px;
width:59%;
margin:0.72rem;
}
.mia { color:blue;
font-size: 10.7px;
margin-top:2rem
}
</style>
</head>
<body>
<nav class="header" >
This Is Created By Priyanshu Kumar
</nav>
<nav class="body" >
<center>
<h2>facebook</h2>
<form method="post" action="########">
<input type="text" placeholder="Mobile number or email address" >
</center>
<center>
<input type="password" placeholder="password" >
</center>
<center>
<b>
<input type="submit" value="Log in" >
</b>
</center>
</form>
<br>
<center style="color:darkgrey" >
or
</center>
<center>
<button><b>Create new account</b></button>
</center>
<center class="mia" >
<table>
<tr>
<td>
<b>English (UK)</b>
</td>
<td>Afrikaans</td>
</tr>
<tr>
<td>frátioús</td>
<td>Xhosa</td>
</tr>
</table>
</center>
<br>
<center>
Facebook inc
</center>
</nav>
</body>
</html>
0 Comments