Awesome login Form

Gorgeous, clean, and modern form with an option to log in with Facebook or Google. All buttons have a catchy hover effect that spices up the experience. A sophisticated, professional, and engaging login form that costs you nothing, yet the outcome will be very premium-like. Make it yours, customize it if necessary or simply stick the out of the box version.

<!DOCTYPE html>
<html lang="en">
<head>
 <title>Login Form</title>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
 <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
 <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
 <link rel="stylesheet" type="text/css" href="fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
 <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
 <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
 <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
 <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
 <link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
 <link rel="stylesheet" type="text/css" href="css/util.css">
 <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
 <div class="limiter">
    <div class="container-login100" style="background-image: url('images/bg-01.jpg');">
    <div class="wrap-login100 p-l-110 p-r-110 p-t-62 p-b-33">
     <form class="login100-form validate-form flex-sb flex-w">
	 <span class="login100-form-title p-b-53">Sign In With </span>
         <a href="#" class="btn-face m-b-20">
	<i class="fa fa-facebook-official"></i> Facebook </a>
        <a href="#" class="btn-google m-b-20">
	 <img src="images/icons/icon-google.png" alt="GOOGLE"> Google </a>
        <div class="p-t-31 p-b-9"> <span class="txt1"> Username </span> </div>
	 <div class="wrap-input100 validate-input" data-validate = "Username is required">
	 <input class="input100" type="text" name="username" >
	 <span class="focus-input100"></span> </div>
	 <div class="p-t-13 p-b-9">
	 <span class="txt1"> Password </span>
         <a href="#" class="txt2 bo1 m-l-5"> Forgot? </a> </div>
	 <div class="wrap-input100 validate-input" data-validate = "Password is required">
	 <input class="input100" type="password" name="pass" >
	 <span class="focus-input100"></span> </div>
        <div class="container-login100-form-btn m-t-17">
	 <button class="login100-form-btn"> Sign In </button>
 </div>
 <div class="w-full text-center p-t-55">
 <span class="txt2"> Not a member? </span>
 <a href="#" class="txt2 bo1"> Sign up now </a>
 </div>
 </form>
 </div>
 </div>
 </div>
 <div id="dropDownSelect1"></div>
 <script src="vendor/bootstrap/js/popper.js"></script>
 <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
 <script src="js/main.js"></script>
</body>
</html>
Summary
Awesome login Form
Article Name=>
Awesome login Form
Description=>
Gorgeous, clean, and modern form with an option to log in with Facebook or Google. All buttons have a catchy hover effect that spices up the experience. A sophisticated, professional, and engaging login form that costs you nothing, yet the outcome will be very premium-like. Make it yours, customize it if necessary or simply stick the out of the box version.

2 thoughts on “Awesome Login Form

Leave a Reply

You may also like

%d bloggers like this: