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

  <section class="p-md-3 mx-md-5 text-lg-left">

    <h2 class="text-center font-weight-bold mb-4 pb-1">Our Team</h2>

    <p class="text-center lead mb-5 pb-2 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>

    <div class="row">

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(9).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Alan Turing</h6>

            <p class="text-muted">

              Software Engineer

            </p>

          </div>

        </div>

      </div>

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(32).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Tom Johnson</h6>

            <p class="text-muted">

              Designer

            </p>

          </div>

        </div>

      </div>

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(3).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Alax Laurie</h6>

            <p class="text-muted">

              JavaScript Developer

            </p>

          </div>

        </div>

      </div>

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(2).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Nathalie Fry</h6>

            <p class="text-muted">

              Office Manager

            </p>

          </div>

        </div>

      </div>

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(7).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Ella Stone</h6>

            <p class="text-muted">

              Software Engineer

            </p>

          </div>

        </div>

      </div>

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(25).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Lara Croft</h6>

            <p class="text-muted">

              Frontend Developer

            </p>

          </div>

        </div>

      </div>

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(8).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Billy Turner</h6>

            <p class="text-muted">

              Java Developer

            </p>

          </div>

        </div>

      </div>

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(19).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Caroline Thompson</h6>

            <p class="text-muted">

              Junior Data Engineer

            </p>

          </div>

        </div>

      </div>

      <div class="col-lg-4 col-sm-6 mb-5">

        <div class="row d-flex align-items-center">

          <div

            class="col-5 avatar w-100 white d-flex justify-content-center align-items-center"

          >

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(11).jpg"

              class="img-fluid rounded-circle z-depth-1"

            />

          </div>

          <div class="col-7">

            <h6 class="font-weight-bold pt-2">Anna Polkovsky</h6>

            <p class="text-muted">

              Marketing Specialist

            </p>

          </div>

        </div>

      </div>

  </section>

</div>