How to make a Elegant Login Form in Pure HTML5 & CSS3

  <form class="login"> <fieldset> <legend class="legend">Login</legend> <div class="input"> <input type="email" placeholder="Email" required /> <span><i class="fa fa-envelope-o"></i></span> </div> <div class="input"> <input type="password" placeholder="Password" required /> <span><i class="fa fa-lock"></i></span> </div> <button type="submit"…

Continue Reading How to make a Elegant Login Form in Pure HTML5 & CSS3

How to make a Responsive Login Form in HTML5 & CSS3

    <link href='https://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css'> <div class="login"> <div class="login-header"> <h1>Login</h1> </div> <div class="login-form"> <h3>Username:</h3> <input type="text" placeholder="Username"/><br> <h3>Password:</h3> <input type="password" placeholder="Password"/> <br> <input type="button" value="Login" class="login-button"/> <br> <a class="sign-up">Sign…

Continue Reading How to make a Responsive Login Form in HTML5 & CSS3

Build a Panda Login Form in HTML5 & CSS3

    <div class="panda"> <div class="ear"></div> <div class="face"> <div class="eye-shade"></div> <div class="eye-white"> <div class="eye-ball"></div> </div> <div class="eye-shade rgt"></div> <div class="eye-white rgt"> <div class="eye-ball"></div> </div> <div class="nose"></div> <div class="mouth"></div> </div> <div…

Continue Reading Build a Panda Login Form in HTML5 & CSS3

Hand Crafted Facebook Login Form in HTML5 & CSS3

    <section class="login-form-wrap"> <h1>Facebook</h1> <form class="login-form" action="POST" action="#"> <label> <input type="email" name="email" required placeholder="Email"> </label> <label> <input type="password" name="password" required placeholder="Password"> </label> <input type="submit" value="Login"> </form> <h5><a href="#">Forgot password</a></h5>…

Continue Reading Hand Crafted Facebook Login Form in HTML5 & CSS3

Animated Login Form in HTML5 & CSS3

  Source Code   <div class="wrapper"> <form class="login"> <p class="title">Log in</p> <input type="text" placeholder="Username" autofocus/> <i class="fa fa-user"></i> <input type="password" placeholder="Password" /> <i class="fa fa-key"></i> <a href="#">Forgot your password?</a> <button>…

Continue Reading Animated Login Form in HTML5 & CSS3

How to Design a Responsive Login Form in HTML and CSS – Full Source Code

  Welcome Folks I am back with another post. In this post we will be designing a Responsive Login Form in HTML and CSS.   <link href='https://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css'> <div…

Continue Reading How to Design a Responsive Login Form in HTML and CSS – Full Source Code

End of content

No more pages to load