<!-- Login 1 -->
<div class="admin-form theme-primary" id="login1">
    <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-login1">
            <div class="panel-body p25 pt10">
                <div class="section-divider mt30 mb40">
                    <span>Sign in With</span>
                </div>
                <!-- .section-divider -->

                <div class="section row">
                    <div class="col-md-4">
                        <a href="#" class="button btn-social facebook span-left mr5 btn-block">
                            <span><i class="fa fa-facebook"></i>
                            </span>Facebook</a>
                    </div>
                    <div class="col-md-4">
                        <a href="#" class="button btn-social twitter span-left mr5 btn-block">
                            <span><i class="fa fa-twitter"></i>
                            </span>Twitter</a>
                    </div>
                    <div class="col-md-4">
                        <a href="#" class="button btn-social googleplus span-left btn-block">
                            <span><i class="fa fa-google-plus"></i>
                            </span>Google+</a>
                    </div>
                </div>
                <div class="section-divider mv40">
                    <span>OR Login</span>
                </div>
                <!-- .section-divider -->

                <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="remember" id="remember" checked>
                        <label for="remember" data-on="YES" data-off="NO"></label>
                        <span>Keep me logged in ?</span>
                    </label>
                </div>
                <!-- end 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 .panel-->
</div>
<!-- end: .admin-form -->