Contact Form #1

<!-- Start Contact Form 1 -->
<section id="contact-us">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 text-center">
        <h2>Get In Touch</h2>
        <hr class="hr-small hr-color">
      </div>
    </div><!-- /.row -->
    <div class="row">
      <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 p-t-20">
        <div class="col-md-6 col-sm-6">
          <h4 class="m-b-30">Have a question?</h4>
          <!-- Start Contact Form -->
          <form id="contactForm" class="contact-form m-b-60" data-toggle="validator">
            <div class="form-group">
              <div class="controls">
                <input type="text" id="name" class="form-control" placeholder="Name" required data-error="Please enter your name">
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <div class="controls">
                <input type="email" class="email form-control" id="email" placeholder="Email" required data-error="Please enter your email">
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <div class="controls">
                <input type="text" id="msg_subject" class="form-control" placeholder="Subject" required data-error="Please enter your message subject">
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <div class="controls">
                <textarea id="message" rows="5" placeholder="Message" class="form-control" required data-error="Write your message"></textarea>
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <button type="submit" id="submit" class="gnx-btn gnx-btn-default">Send Message</button>
            <div id="msgSubmit" class="hidden"></div>
            <div class="clearfix"></div>
          </form>
          <!-- End Contact Form -->
        </div>
        <div class="col-md-6 col-sm-6">
          <h4 class="m-b-20">Contact Info</h4>
          <p class="hidden-xs">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</p>
          <p class="hidden-xs">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.</p>
          <hr>
          <ul class="list-unstyled gnx-icon-list icon-default-sm icon-primary m-t-30 m-b-30">
            <li class="m-b-5"><span><i class="icon-map-pin m-r-10" aria-hidden="true"></i></span> 105 Kings Rd - New York - USA</li>
            <li class="m-b-5"><span><i class="icon-phone m-r-10" aria-hidden="true"></i></span> +1 (212) 123 456 7890</li>
            <li class="m-b-5"><span><i class="icon-envelope m-r-10" aria-hidden="true"></i></span> <a href="mailto:mail@example.com">mail@example.com</a></li>
          </ul>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!-- End Contact Form 1 -->