<!-- Container for demo purpose -->

<div class="container my-5">

​

  <!-- Section: Design block -->

  <section class="mb-10">

    <div class="row">

      <div class="col-md-9 col-lg-7 col-xl-5 mx-auto text-center">

        <h4 class="mb-4">Contact us</h4>

        <form>

          <div class="row">

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

              <div class="form-outline mb-4" data-mdb-input-init>

                <input type="text" id="contactBlockName1" class="form-control" />

                <label class="form-label" for="contactBlockName1">Name</label>

              </div>

            </div>

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

              <div class="form-outline mb-4" data-mdb-input-init>

                <input type="email" id="contactBlockEmail2" class="form-control" />

                <label class="form-label" for="contactBlockEmail2">Email</label>

              </div>

            </div>

          </div>

          <div class="form-outline mb-4" data-mdb-input-init>

            <input type="tel" id="contactBlockPhone3" class="form-control" />

            <label class="form-label" for="contactBlockPhone3">Phone (optional)</label>

          </div>

          <div class="form-outline mb-4" data-mdb-input-init>

            <textarea class="form-control" id="contactBlockMessage4" rows="4"></textarea>

            <label class="form-label" for="contactBlockMessage4">Message</label>

          </div>

          <button type="button" class="btn btn-dark btn-block" data-mdb-ripple-init>Send message</button>

        </form>

      </div>

    </div>

  </section>

  <!-- Section: Design block -->

</div>

<!-- Container for demo purpose -->