"LogIn. "
Bootstrap 3.3.0 Snippet by GentiHetemi

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <title>Template</title> </head> <meta content="width=device-width, initial-scale=1"> <style> .div4{ border: 5px solid lightgray; border-radius: 4px; border-style: outset; margin: 5% 30%; background-color: lightgray; } h1{ margin: 10% 40%; font-family:sans-serif; color:crimson; } .div1{ margin: 2% 15%; } .username{ margin: 0px 5px; } #username{ border-radius: 4px; width: 200px; height: 30px; text-indent: 25px; box-sizing:content-box; } .div2{ margin: 2% 15%; } .password{ margin: 0px 6px; } #password{ border-radius: 4px; width: 200px; height: 30px; text-indent: 25px; box-sizing: content-box; } .div3{ margin: 2% 28%; } #rememberme{ } #buton{ border-radius: 10px; margin: 5% 40%; width: 100px; height: 40px; font-size: 18px; color: darkred; } #register{ margin: 0px 190px; text-decoration:none; } #button{ margin: 0px 100px; } .div5{ text-align: center; width: 516px; height: 40px; background-color:#00b36b; } .buton1{ margin: 1.8%; background-attachment: fixed; background-color: #00b36b; border: 2px double white; } .form{ text-decoration: none; color: black; } </style> <body background="fig2.jpg" class="w3-container"> <div class="div4"> <h1>Log In</h1> <div class="div1"> <span class="username">Username</span><input type="text" onclick="myfunction()" placeholder="Enter Username" name="username" id="username"></br> </div> <div class="div2"> <span class="password">Password</span><input type="password" min="6" onclick="myfunction()" placeholder="Enter Password" name="password" id="password"><p id="p"></p></br> </div> <div class="div3"> <input type="checkbox" onclick="myfunction()" id="checkbox"><span class="rememberme">Keep me loged in</span> </div> <input type="submit" onclick="myfunction()" name="Log In" id="buton"> <div class="div5"> <span>Not a member yet?</span><button class="buton1"> Join US</button> </div> </div> </body> </html>

Related: See More

Argon Design System
login-form
Login Form
Bootstrap 4 login from

Questions / Comments: