"php login form"
Bootstrap 3.3.0 Snippet by webrohit1997

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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <body> <div class="container"> <div class="row"> <div class="col-sm-4 col-sm-offset-4 login_bg"> <h2>Login Panel</h2> <div class="form-group"> <input type="text" placeholder="User Email or Name" name="login_user_name" id="login_user_name" class="form-control"> </div> <div class="form-group"> <input type="text" placeholder="User Password" name="login_user_password" id="login_user_password" class="form-control"> </div> <input type="submit" name="login_btn" id="login_btn" class="btn btn-block login_btn" value="Submit"/> </div> </div> </div> </body>
/* Auther Name : Rohit singh Description : this is a login bg css Auther Url : iamrohitsingh.com */ body{ background-image:url(https://images2.alphacoders.com/589/589399.jpg); height: 100%; width:100%; background-size: cover; } .login_bg{ background: #ffffff36; min-height: 250px; margin-top: 15%; border-radius:10px; box-shadow: 0px 0px 20px 0px #00000029; } .login_bg h2{ margin: 0px; color: #fff; text-align: center; height: 40px; line-height: 62px; } .login_bg .form-group{ margin-top:25px; } .login_bg .form-control{ background: none; padding: 20px 12px; border: 1px solid #cad4da; color: #fff; } .login_bg .login_btn{ border: 0px; padding: 8px; color: #fff; background: #303c67; font-size: 18px; letter-spacing: 1px; } .form-control::placeholder { color:#fff; }

Related: See More

Argon Design System
login-form
Login Form
Bootstrap Two Login Form

Questions / Comments: