By: Prem Tiwari | Last Updated: | In: Javascript & Ajax, Web Technologies
Responsive Login Forms is a simple and professional Form that strikes a balance between simplicity and elegance.CSS3 Forms kit is simple, clean and fresh modern form.
1) Flexible and responsive
2) Clean consistent form UI design
3) Pure HTML5 + CSS3 (No images, no icon dependency)
4) Cross-Browser IE8+, Firefox, Safari, Chrome (Android + IOS)
5)Multiple color themes and combinations
6) Easy to implement, customize and style
7) Login Form’s
8) Input Elements normal, focus, disabled, and validation states
9)Beautiful form buttons
10) 361 Vector Font Awesome Icons
11) Google web fonts
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
<html lang="en"> <head> <meta charset="utf-8"> <title>Responsive Login form</title> <!-- Stylesheets --> <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet'> <link rel="stylesheet" href="css/style.css"> <!-- Optimize for mobile devices --> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </head> <body> <!-- HEADER --> <div id="header"> <div class="page-full-width cf"> <div id="login-intro" class="fl"> <h1>Responsive Login form</h1> <h5>Enter your credentials below</h5> </div> <!-- login-intro --> </div> <!-- end full-width --> </div> <!-- end header --> <!-- MAIN CONTENT --> <div id="content"> <form action="#" method="POST" id="login-form"> <fieldset> <p> <label for="login-username">username</label> <input type="text" id="login-username" class="round full-width-input" autofocus /> </p> <p> <label for="login-password">password</label> <input type="password" id="login-password" class="round full-width-input" /> </p> <p>I've <a href="#">forgotten my password</a>.</p> <a href="#" class="button round blue image-right ic-right-arrow">LOG IN</a> </fieldset> </form> </div> <!-- end content --> </body> </html> |
. 
Prem Tiwari is the founder of FreeWebMentor.com and also a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby and also he has been a regular speaker of WordPress sessions in various IT Companies. View all posts by Prem Tiwari
CSS, download responsive login template, HTML 5, Jquery, Responsive, responsive login form, responsive login page, template login form
