Created
October 15, 2016 13:09
-
-
Save JeffreyNaval/055bb02e2e7f90d1c4f202c999d1f23c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<!-- saved from url=(0050)https://colorlib.com/polygon/gentelella/login.html --> | |
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<!-- Meta, title, CSS, favicons, etc. --> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>Gentallela Alela! | </title> | |
<!-- Bootstrap --> | |
<link href="./login_files/bootstrap.min.css" rel="stylesheet"> | |
<!-- Font Awesome --> | |
<link href="./login_files/font-awesome.min.css" rel="stylesheet"> | |
<!-- Animate.css --> | |
<link href="./login_files/animate.min.css" rel="stylesheet"> | |
<!-- Custom Theme Style --> | |
<link href="./login_files/custom.min.css" rel="stylesheet"> | |
<style> | |
html, body { | |
height: 100%; | |
} | |
.login { | |
background: #000 url("https://images.unsplash.com/photo-1437419764061-2473afe69fc2?ixlib=rb-0.3.5…crop=entropy&cs=tinysrgb&w=1080&fit=max&s=80ca89e19c8024242cd6173da6aea4ca") no-repeat center center; | |
background-size: cover; | |
} | |
.login_form { | |
background: #F7F7F7; | |
padding: 10px 30px; | |
border-radius: 5px; | |
box-shadow: 0px 0px 10px #000; | |
} | |
</style> | |
</head> | |
<body class="login" cz-shortcut-listen="true"> | |
<div> | |
<a class="hiddenanchor" id="signup"></a> | |
<a class="hiddenanchor" id="signin"></a> | |
<div class="login_wrapper"> | |
<div class="animate form login_form"> | |
<section class="login_content"> | |
<form> | |
<h1>PlanProMatrix</h1> | |
<div> | |
<input type="text" class="form-control" placeholder="Username" required=""> | |
</div> | |
<div> | |
<input type="password" class="form-control" placeholder="Password" required=""> | |
</div> | |
<div> | |
<a class="btn btn-default submit" href="https://colorlib.com/polygon/gentelella/index.html">Log in</a> | |
<a class="reset_pass" href="https://colorlib.com/polygon/gentelella/login.html#">Lost your password?</a> | |
</div> | |
<div class="clearfix"></div> | |
<div class="separator"> | |
<p class="change_link">New to site? | |
<a href="https://colorlib.com/polygon/gentelella/login.html#signup" class="to_register"> Create Account </a> | |
</p> | |
<div class="clearfix"></div> | |
<br> | |
<div> | |
<!-- <h1><i class="fa fa-paw"></i> Gentelella Alela!</h1> --> | |
<p>©2016 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p> | |
</div> | |
</div> | |
</form> | |
</section> | |
</div> | |
<div id="register" class="animate form registration_form"> | |
<section class="login_content"> | |
<form> | |
<h1>Create Account</h1> | |
<div> | |
<input type="text" class="form-control" placeholder="Username" required=""> | |
</div> | |
<div> | |
<input type="email" class="form-control" placeholder="Email" required=""> | |
</div> | |
<div> | |
<input type="password" class="form-control" placeholder="Password" required=""> | |
</div> | |
<div> | |
<a class="btn btn-default submit" href="https://colorlib.com/polygon/gentelella/index.html">Submit</a> | |
</div> | |
<div class="clearfix"></div> | |
<div class="separator"> | |
<p class="change_link">Already a member ? | |
<a href="https://colorlib.com/polygon/gentelella/login.html#signin" class="to_register"> Log in </a> | |
</p> | |
<div class="clearfix"></div> | |
<br> | |
<div> | |
<h1><i class="fa fa-paw"></i> Gentelella Alela!</h1> | |
<p>©2016 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p> | |
</div> | |
</div> | |
</form> | |
</section> | |
</div> | |
</div> | |
</div> | |
</body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment