Simple Login Form Using HTML and CSS
Beautiful login form using html and css with black background .Free html css code for login form for your website login panel with beautiful colors.
HTML Code:
CSS Code:
<style>
body{background-color:#000d33;}
.login{width: 35%;margin: 15% auto;}
a,input{display: block;padding: 2%;width: 80%;margin: 25px auto;box-shadow: 13px 13px 300px whitesmoke;border-radius: 10px;font-weight: bold; }
input[type=submit]{background-color: orange;border: 0px;}
a{text-align: center;text-decoration: none;border-top: 1px solid white;width: 75%;border-radius: 0px;border-bottom: 1px solid wheat; }
</style>
Download Full Code From Here
HTML Code:
<div class="login"><form>
<h1 style="text-align:center;color:wheat;">Welcome</h1>
<input type="text" placeholder="Email">
<input type="Password" placeholder="Password">
<input type="submit" value="Login">
<a href="#" >Forget Password?</a>
</form></div>
<h2 style="color:yellow;bottom:0;text-align:center;">
Simple Login Form Using HTML CSS By Usman Siddique</h2>
CSS Code:
<style>
body{background-color:#000d33;}
.login{width: 35%;margin: 15% auto;}
a,input{display: block;padding: 2%;width: 80%;margin: 25px auto;box-shadow: 13px 13px 300px whitesmoke;border-radius: 10px;font-weight: bold; }
input[type=submit]{background-color: orange;border: 0px;}
a{text-align: center;text-decoration: none;border-top: 1px solid white;width: 75%;border-radius: 0px;border-bottom: 1px solid wheat; }
</style>
Post a Comment