<!-- Contact Form 1 -->
<div class="admin-form theme-info" id="contact1">
    <div class="panel panel-info heading-border">
        <div class="panel-heading">
            <span class="panel-title"><i class="fa fa-comments"></i>Contact us</span>
        </div>
        <!-- end .form-header section -->

        <form method="post" action="/" id="form-contact1">
            <div class="panel-body p25">
                <div class="section">
                    <label for="names" class="field prepend-icon">
                        <input type="text" name="names" id="names" class="gui-input" placeholder="Enter name...">
                        <label for="names" class="field-icon"><i class="fa fa-user"></i>
                        </label>
                    </label>
                </div>
                <!-- end section -->

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

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

                <div class="section">
                    <label for="comment" class="field prepend-icon">
                        <textarea class="gui-textarea" id="comment" name="comment" placeholder="Enter message..."></textarea>
                        <label for="comment" class="field-icon"><i class="fa fa-comments"></i>
                        </label>
                        <span class="input-footer">
                            <strong>Hint:</strong>Please enter between 80 - 300 characters.</span>
                    </label>
                </div>
                <!-- end section -->

                <div class="section">
                    <div class="smart-widget sm-left sml-80">
                        <label for="verify" class="field prepend-icon">
                            <input type="text" name="verify" id="verify" class="gui-input" placeholder="Solve captcha">
                            <label for="verify" class="field-icon"><i class="fa fa-shield"></i>
                            </label>
                        </label>
                        <label for="verify" class="button">4 + 12</label>
                    </div>
                    <!-- end .smart-widget section -->
                </div>
                <!-- end section -->

                <div class="section">
                    <label class="option">
                        <input type="checkbox" name="check1" checked>
                        <span class="checkbox"></span>Sign me up to the newsletter</label>
                </div>
                <!-- end section -->

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