feh1ks
4/28/2016 - 1:42 AM

Contact Form with center button

Contact Form with center button

<div class="row">
    <div class="col-lg-12">
        <form action="sendMessage" name="sendMessage" id="contactForm">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <input type="text" class="form-control" id="name" placeholder="your Name *">
                        <p class="help-block text-danger"></p>
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control" id="email" placeholder="your e-mail *">
                        <p class="help-block text-danger"></p>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" id="subject" placeholder="subject">
                        <p class="help-block text-danger"></p>
                    </div>
                </div>
                <!-- /.col-md-6 -->
                <div class="col-md-6">
                    <div class="form-group">
                        <textarea id="message" cols="30" rows="10" class="form-control" placeholder="Your message *"></textarea>
                        <p class="help-block text-danger"></p>
                    </div>
                </div>
                <!-- /.col-md-6 -->
                <div class="col-lg-12 text-center">
                    <div id="success"></div>
                    <button type="submit" class="btn btn-xl">Send Message</button>
                </div>
                <!-- /.col-md-12 -->
            </div>
            <!-- /.row -->
        </form>
    </div>
</div>
<!-- /.row -->
.form-group {
    margin-bottom: 28px;
    
    input,
    textarea {
        height: auto;
        padding: 20px;
        
        &:focus {
            border-color: @brand-gold;
        }
    }

    .form-control:focus {
        box-shadow: none;
    }
}
    
::selection {
    background: @brand-gold;
    text-shadow: none;
}

::-webkit-input-placeholder {
    .heading-font;
    color: #bbb;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}