<!-- Registration 2 -->
<div class="admin-form theme-danger" id="register2">
    <div class="panel panel-danger heading-border">
        <div class="panel-heading">
            <span class="panel-title"><i class="fa fa-pencil-square"></i>Registration form
            </span>
        </div>
        <!-- end .form-header section -->

        <form method="post" action="/" id="form-register2">
            <div class="panel-body p25">
                <div class="section-divider mt10 mb40">
                    <span>Set up your account</span>
                </div>
                <!-- .section-divider -->

                <div class="section row">
                    <div class="col-md-6">
                        <label for="firstname" class="field prepend-icon">
                            <input type="text" name="firstname" id="firstname" class="gui-input" placeholder="First name...">
                            <label for="firstname" class="field-icon"><i class="fa fa-user"></i>
                            </label>
                        </label>
                    </div>
                    <!-- end section -->

                    <div class="col-md-6">
                        <label for="lastname" class="field prepend-icon">
                            <input type="text" name="lastname" id="lastname" class="gui-input" placeholder="Last name...">
                            <label for="lastname" class="field-icon"><i class="fa fa-user"></i>
                            </label>
                        </label>
                    </div>
                    <!-- end section -->
                </div>
                <!-- end .section row section -->

                <div class="section">
                    <label for="email" class="field prepend-icon">
                        <input type="email" name="email" id="email" class="gui-input" placeholder="Email address">
                        <label for="email" class="field-icon"><i class="fa fa-envelope"></i>
                        </label>
                    </label>
                </div>
                <!-- end section -->

                <div class="section">
                    <div class="smart-widget sm-right smr-120">
                        <label for="username" class="field prepend-icon">
                            <input type="text" name="username" id="username" class="gui-input" placeholder="Choose your username">
                            <label for="username" class="field-icon"><i class="fa fa-user"></i>
                            </label>
                        </label>
                        <label for="username" class="button">.envato.com</label>
                    </div>
                    <!-- end .smart-widget section -->
                </div>
                <!-- end section -->

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

                <div class="section">
                    <label for="confirmPassword" class="field prepend-icon">
                        <input type="text" name="confirmPassword" id="confirmPassword" class="gui-input" placeholder="Retype your password">
                        <label for="confirmPassword" class="field-icon"><i class="fa fa-unlock-alt"></i>
                        </label>
                    </label>
                </div>
                <!-- end section -->

                <div class="section-divider mv40">
                    <span>7 days free trial</span>
                </div>
                <!-- .section-divider -->

                <div class="section">
                    <label class="option block">
                        <input type="checkbox" name="trial">
                        <span class="checkbox mr10"></span>Sign me up for a
                        <a href="#" class="theme-link"> 7-day free PRO trial. </a>
                    </label>
                    <label class="option block mt10">
                        <input type="checkbox" name="terms">
                        <span class="checkbox mr10"></span>I agree to the
                        <a href="#" class="theme-link"> terms of use. </a>
                    </label>
                </div>
                <!-- end section -->

            </div>
            <!-- end .form-body section -->
            <div class="panel-footer">
                <button type="submit" class="button btn-primary">I Accept - Create Account</button>
            </div>
            <!-- end .form-footer section -->
        </form>
    </div>
    <!-- end .admin-form section -->
</div>
<!-- end: .admin-form -->