Login Form 3

Just a simple login form. (Alternative design 2)(Bootstrap 3 Panel)

Font Awesome Required for Icons on Form

Code:

<link rel="stylesheet" href="../../css/font-awesome.min.css">


Login via Site

Code:

<div class="row justify-content-md-center">
    <div class="col-md-4">
        <div class="card border-primary">
            <div class="card-header bg-primary text-white">
                <h5 class="card-title">Login via Site</h5>
            </div>
            <div class="card-body">
                <form accept-charset="UTF-8" role="form" action="#">
                    <fieldset>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-user" aria-hidden="true"></i></span>
                                <input type="text" placeholder="yourmail@example.com" name="email" class="form-control">
                            </div>                            
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-lock" aria-hidden="true"></i></span>
                                <input type="password" placeholder="Password" name="password" class="form-control" value="">
                            </div>
                            
                        </div>
                        <div class="checkbox">
                            <label>
                                <input name="remember" type="checkbox" value="Remember Me"> Remember Me
                            </label>
                        </div>
                        <div class="row">
                            <div class="col">
                                <input class="btn btn-lg btn-dark btn-block" type="submit" value="Login">
                            </div>
                            <div class="col">
                                <a href="#" class="btn btn-lg btn-light btn-block">Register</a>
                            </div>
                        </div>
                        
                    </fieldset>
                </form>                         
            </div>
        </div>
    </div>
</div>