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;
}