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

​

  <!-- Section -->

  <section>

​

    <h3 class="font-weight-normal text-center dark-grey-text my-4 pb-2">Start Using MDBootstrap Now!</h3>

    <!--First row-->

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

​

      <div class="col-md-6 col-lg-3 mb-4">

​

        <!-- Material outline input -->

        <div class="md-form md-outline form-lg">

          <input type="text" id="form1" class="form-control form-control-lg">

          <label for="form1">Name</label>

        </div>

      </div>

      <div class="col-md-6 col-lg-3 mb-4">

        <!-- Material outline input -->

        <div class="md-form md-outline form-lg">

          <input type="text" id="form2" class="form-control form-control-lg">

          <label for="form2">Email</label>

        </div>

      </div>

      <div class="col-md-6 col-lg-3 mb-4">

        <!-- Material outline input -->

        <div class="md-form md-outline form-lg">

          <input type="text" id="form3" class="form-control form-control-lg">

          <label for="form3">Password</label>

        </div>

      </div>

      <div class="col-md-6 col-lg-3 mb-4">

        <button class="btn btn-block btn-primary my-4">Sign up</button>

      </div>

​

    </div>

    <!--First row-->

​

  </section>

  <!-- Section -->

​

</div>