<div class="container my-5 py-5 z-depth-1">

​

  <!--Section: Content-->

  <section class="px-md-5 mx-md-5 text-center text-lg-left dark-grey-text">

​

​

    <!--Grid row-->

    <div class="row d-flex justify-content-center">

​

      <!--Grid column-->

      <div class="col-md-6">

​

        <!-- Default form contact -->

        <form class="text-center" action="#!">

​

         <h3 class="font-weight-bold mb-4">Contact Us</h3>

​

          <!-- Name -->

          <input type="text" id="defaultContactFormName" class="form-control mb-4" placeholder="Name">

​

          <!-- Email -->

          <input type="email" id="defaultContactFormEmail" class="form-control mb-4" placeholder="E-mail">

​

          <!-- Subject -->

          <label>Subject</label>

          <select class="browser-default custom-select mb-4">

            <option value="" disabled>Choose option</option>

            <option value="1" selected>Feedback</option>

            <option value="2">Report a bug</option>

            <option value="3">Feature request</option>

            <option value="4">Feature request</option>

          </select>

​

          <!-- Message -->

          <div class="form-group">

            <textarea class="form-control rounded-0" id="exampleFormControlTextarea2" rows="3"

              placeholder="Message"></textarea>

          </div>

​

          <!-- Copy -->

          <div class="custom-control custom-checkbox mb-4">

            <input type="checkbox" class="custom-control-input" id="defaultContactFormCopy">

            <label class="custom-control-label" for="defaultContactFormCopy">Send me a copy of this message</label>

          </div>

​

          <!-- Send button -->

          <button class="btn btn-info btn-block" type="submit">Send</button>

​

        </form>

        <!-- Default form contact -->

​

      </div>

      <!--Grid column-->

​

    </div>

    <!--Grid row-->

​

​

  </section>

  <!--Section: Content-->

​

​

</div>