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

​

  <!--Section: Content-->

  <section class="text-center dark-grey-text p-5">

    <h6 class="font-weight-normal text-uppercase font-small grey-text mb-4">Testimonials</h6>

    <!-- Section heading -->

    <h2 class="font-weight-bold">What customers say about us</h2>

    <hr class="w-header my-4">

    <!-- Section description -->

    <p class="grey-text mx-auto mb-5">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur est laborum.</p>

​

​

    <!-- Grid row -->

    <div class="row">

​

      <!-- Grid column -->

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

​

        <div class="card-img-100 mx-auto mb-4">

          <img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(2).jpg" class="z-depth-1 rounded-circle img-fluid" alt="smaple image">

        </div>

        <p class="mt-3 mb-4 text-muted">"Lorem ipsum dolor sit amet eos adipisci, consectetur adipisicing elit sed ut perspiciatis unde omnis."</p>

        <p class="font-italic font-weight-normal">- Anna Morian</p>

      </div>

      <!-- Grid column -->

      <!-- Grid column -->

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

​

        <div class="card-img-100 mx-auto mb-4">

          <img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(15).jpg" class="z-depth-1 rounded-circle img-fluid" alt="smaple image">

        </div>

        <p class="mt-3 mb-4 text-muted">"Neque cupiditate assumenda in maiores repudiandae mollitia architecto elit sed adipiscing elit."</p>

        <p class="font-italic font-weight-normal">- Teresa May</p>

​

      </div>

      <!-- Grid column -->

​

    </div>

    <!-- Grid row -->

  </section>

  <!--Section: Content-->

​

​

</div>