"Simpal Login"
Bootstrap 3.3.0 Snippet by Walia5

<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 ----------> <body> <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 backsecond"> <div class="backcolor"> <div class="row text-center"> <h1 Style="color:#4DC9FF;">Log In</h1> </div> <form> <div class="col-md-12 col-sm-12 textup"> <input type="text" class="form-control-signup" placeholder="Username"> </div> <div class="col-md-12 col-sm-12 textup"> <input type="password" class="form-control-signup" placeholder="Password"> </div> <div class="col-md-12 col-sm-12 textup"> <a href="#"><button type="btn" class="btn-signup form-control">Sign In</button></a><br> <p align="center" style="font-size:13px; color:white;">Don't Have a Account ? <a href="#" style="color:#4DC9FF; font-weight:bold;">Sign Up</a></p> </div> </form> </div> </div> </body>
.textup { margin-top:10px; margin-bottom:10px; } .btn-signup { color:white; background-color: #4DC9FF; border: 1px solid #4DC9FF; border-radius: 4px; padding: 4px 10px; margin-top: 10px; margin-left: 5px; } .backsecond { margin-top: 60px; margin-bottom:60px; background-color: black; border-radius: 12px; border: 1px solid transparent; } .form-control-signup { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: white; background-color: black; background-image: none; border: 1px solid #454545; border-radius: 4px; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

Related: See More

Questions / Comments: