<div class="container my-5">

  <div class="row">

    <div class="col-md-8 col-lg-6 mx-auto">

​

​

      <!-- Section: Block Content -->

      <section>

​

        <!-- Card -->

        <div class="card testimonial-card">

​

            <!-- Background color -->

            <div class="card-up warning-color-dark p-3 white-text">

              <p class="font-weight-normal mb-0">Tommy Westwood</p>

              <p class="small mb-0">JavaScript Developer</p>

            </div>

​

            <!-- Avatar -->

            <div class="avatar mx-auto white">

              <img src="https://mdbootstrap.com/img/Photos/Avatars/img%20%289%29.jpg" class="rounded-circle" alt="woman avatar">

            </div>

​

            <!-- Content -->

            <div class="card-body px-3 py-4">

              <div class="row">

                <div class="col-4 text-center">

                  <p class="font-weight-bold mb-0">4300</p>

                  <p class="small text-uppercase mb-0">Sales</p>

                </div>

                <div class="col-4 text-center border-left border-right">

                  <p class="font-weight-bold mb-0">12000</p>

                  <p class="small text-uppercase mb-0">Followers</p>

                </div>

                <div class="col-4 text-center">

                  <p class="font-weight-bold mb-0">27</p>

                  <p class="small text-uppercase mb-0">Products</p>

                </div>

              </div>

            </div>

​

          </div>

          <!-- Card -->

​

      </section>

      <!-- Section: Block Content -->

​

​

    </div>

  </div>

</div>