GET TEMPLATE CODE
Login
OR Login
Return to Template
<link rel="stylesheet" type="text/css" href="assets/admin-tools/admin-forms/css/admin-forms.css">
Copy

<!-- Login 2 -->
<div class="admin-form theme-primary" id="login2">
    <div class="panel panel-primary heading-border">
        <div class="panel-heading">
            <span class="panel-title"><i class="fa fa-sign-in"></i>Login</span>
        </div>
        <!-- end .form-header section -->

        <form method="post" action="/" id="form-login2">
            <div class="panel-body p25 pt10">
                <div class="section row">
                    <div class="col-md-6">
                        <div class="section-divider mv40">
                            <span>Sign in With</span>
                        </div>
                        <!-- .tagline -->

                        <div class="section">
                            <a href="#" class="button btn-social facebook span-left btn-block">
                                <span><i class="fa fa-facebook"></i>
                                </span>Facebook</a>
                            <a href="#" class="button btn-social twitter span-left btn-block">
                                <span><i class="fa fa-twitter"></i>
                                </span>Twitter</a>
                            <a href="#" class="button btn-social googleplus span-left btn-block">
                                <span><i class="fa fa-google-plus"></i>
                                </span>Google+</a>
                        </div>
                        <!-- end section -->

                    </div>
                    <!-- end .colm section -->

                    <div class="col-md-6">
                        <div class="section-divider mv40">
                            <span>OR Login</span>
                        </div>
                        <!-- .tagline -->

                        <div class="section">
                            <label for="username" class="field prepend-icon">
                                <input type="text" name="username" id="username" class="gui-input" placeholder="Enter username">
                                <label for="username" class="field-icon"><i class="fa fa-user"></i>
                                </label>
                            </label>
                        </div>
                        <!-- end section -->

                        <div class="section">
                            <label for="password" class="field prepend-icon">
                                <input type="text" name="password" id="password" class="gui-input" placeholder="Enter password">
                                <label for="password" class="field-icon"><i class="fa fa-lock"></i>
                                </label>
                            </label>
                        </div>
                        <!-- end section -->

                        <div class="section">
                            <label class="switch block">
                                <input type="checkbox" name="remember2" id="remember2" checked>
                                <label for="remember2" data-on="YES" data-off="NO"></label>
                                <span>Remember me</span>
                            </label>
                        </div>
                        <!-- end section -->

                    </div>
                    <!-- end .colm section -->

                </div>
                <!-- end .section row section -->

            </div>
            <!-- end .form-body section -->
            <div class="panel-footer">
                <button type="submit" class="button btn-primary">Sign in</button>
            </div>
            <!-- end .form-footer section -->
        </form>
    </div>
    <!-- end .admin-form section -->
</div>
<!-- end: .admin-form -->