Monday, 4 February 2019

How to create Facebook login Page

image of output
IMAGE OF OUTPUT


CODE:
<!DOCTYPE html>
<html>
<head>
<title>fb lite login page</title>
<style>
.fleft {
float: left;
}
.fright {
float: right;
}
</style>
</head>
<body>
<center>
<div style="background-color:#4267B2;color:white;padding:6px"><b>
Facebook</b></div>
</center>
<form>
<font color="#757575">
Mobile Number or Email</font><br>
<input type="text" style="background-color:#F7F8FA;border-color:#DCE1EB;padding:7px" size="31" required><br><br>
<font color="#757575">
Password</font><br>
<input type="password" style="background-color:#F7F8FA;border-color:#DCE1EB;padding:7px" size="31" required><br><br>
<input type="submit" value="Log In" style="background-color:#5890FF;color:white;width:100%;padding:10px;border:none" onclick="alert('Plese! write your any type of suggestion in comment')">
</form>
<br>
<a href="www.Facebook.com" style="text-decoration:none">
<font color="#4E70B7">
Forgot your password?</font>
</a><br>
<section style="background-color:#E6E9F0">
<hr color="#D6D9DE"><br>
<hr>
<center>or</center>
<center>
<button style="background-color:#69A74E;color:white;width:50%;padding:10px;border:none" onclick="alert('for any types of queries related to HTML, write in COMMENT BOX.')"><b>Create New Account</b></button></center><br><br>
<a href="www.Facebook.com" style="text-decoration: none">
<font color="#5072B7">
English</a><br><br>
<a href="www.Facebook.com" style="text-decoration: none">
<font color="#5072B7">
Hindi</font>
</a><br><br>
<a href="www.Facebook.com" style="text-decoration: none">
<font color="#5072B7">
Bengali</font>
</a><br><br>
<a href="www.Facebook.com" style="text-decoration: none">
<font color="#5072B7">More Languages...</font><br><br></font>
<div style="background-color:#4262A2;color:white;padding:20px">
<div class="fleft">
<a href="www.Facebook.com" style="text-decoration:none">
<font color="white">Help</font>
</a>
</div>
<div class="fright">
<a href="www.Facebook.com" style="text-decoration:none">
<font color="white">Exist</font>
</a>
</div>
</div>
</section>
<br>
<hr color="red">
<hr color="blue" width="50%">
<center><tt>web developer: &hearts;Aditya Raj</tt><br>&copy;</center>
</body>
</html>
OUTPUT:
#CODE
Download its text file:
Facebook.txt
To gets it HTML file click on given link:
Facebook.html
Share:

Related Posts:

5 comments: