<!-- Container for demo purpose only -->

<div class="container pt-5">

​

  <!-- Section: Design Block -->

  <section class="mb-8">

    <div class="row">

      <div class="col-lg-4 mb-5 mb-lg-0 text-center">

        <div>

          <div class="rounded-5 shadow-3-soft p-4" style="background-color: #fff9f2">

            <div class="border-top border-dark mx-auto" style="width: 100px"></div>

            <p class="text-muted mt-4 mb-2">Project Manager at Spotify</p>

            <p class="h5 mb-4" style="color: #344e41">Garry Lindman</p>

            <p class="pb-4 mb-4">

              Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis molestias quidem

              itaque earum tempora distinctio soluta ut, eius, impedit porro iure praesentium

              ratione possimus quos suscipit, ratione nostrum cum odit.

            </p>

          </div>

          <img src="https://mdbootstrap.com/img/new/avatars/22.jpg" class="w-100 rounded-5 shadow-3-soft mt-n5"

            style="max-width: 100px" alt="Avatar" />

        </div>

      </div>

      <div class="col-lg-4 mb-5 mb-lg-0 text-center">

        <div>

          <div class="rounded-5 shadow-3-soft p-4" style="background-color: #fff9f2">

            <div class="border-top border-dark mx-auto" style="width: 100px"></div>

            <p class="text-muted mt-4 mb-2">CEO at Reddit</p>

            <p class="h5 mb-4" style="color: #344e41">Lisa Montessori</p>

            <p class="pb-4 mb-4">

              Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum

              soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime

              placeat facere possimus, omnis voluptas assumenda est omnis.

            </p>

          </div>

          <img src="https://mdbootstrap.com/img/new/avatars/24.jpg" class="w-100 rounded-5 shadow-3-soft mt-n5"

            style="max-width: 100px" alt="Avatar" />

        </div>

      </div>

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

        <div>

          <div class="rounded-5 shadow-3-soft p-4" style="background-color: #fff9f2">

            <div class="border-top border-dark mx-auto" style="width: 100px"></div>

            <p class="text-muted mt-4 mb-2">Senior Product Designer at Twitter</p>

            <p class="h5 mb-4" style="color: #344e41">Ozzy McRyan</p>

            <p class="pb-4 mb-4">

              Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe

              eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque

              earum rerum hic tenetur a sapiente delectus ut aut reiciendis.

            </p>

          </div>

          <img src="https://mdbootstrap.com/img/new/avatars/23.jpg" class="w-100 rounded-5 shadow-3-soft mt-n5"

            style="max-width: 100px" alt="Avatar" />

        </div>

      </div>

    </div>

  </section>

  <!-- Section: Design Block -->

​

</div>

<!-- Container for demo purpose only -->

​

​