Thursday, November 20, 2014
Bootstrap Memeber Login form
Labels:
Memeber Login
Free Memeber Login form using Bootstrap 3 panel
<html lang="en">
<head>
<title>Bootstrap Memeber Login form</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Bootstrap Memeber Login,Login,sign in">
<meta name="description" content="Bootstrap Memeber Login">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<div class="col-md-4">
<div class="panel panel-primary">
<div class="panel-heading"><h2>Memeber Login</h2></div>
<div class="panel-body">
<p class="text-muted">Login with your username and password below:</p>
<form role="form" class="" accept-charset="UTF-8" action="" method="POST">
<div class="form-group">
<input type="text" name="admin_username" autofocus="autofocus" required="required" placeholder="Username" class="form-control input-lg">
</div>
<div class="form-group">
<input type="password" value="" name="admin_password" required="required" placeholder="Password" class="form-control input-lg">
</div>
<div class="form-group">
<div class="checkbox">
<label>
<input type="checkbox" value="1" name="remember"> <span class="text-muted">Remember me on this computer</span>
</label>
</div>
</div>
<div class="form-group">
<input type="submit" value="Log In" name="login" class="btn btn-primary login-btn">
<div class="forgotpassword pull-right">
<a class="btn" title="Forgot password" href="">Forgot password?</a>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
Subscribe to:
Post Comments (Atom)
Hi fellas,
ReplyDeleteThank you so much for this wonderful article really!
If someone want to read more about that snippets bootstrap I think this is the right place for you!