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

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

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

    <div class="row">

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

        <div class="p-4">

          <div

            class="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="text-center mt-3">

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

            <p class="text-muted">

              <small

                ><i

                  >Lorem ipsum dolor sit amet, consectetur adipiscing

                  elit.</i

                ></small

              >

            </p>

          </div>

        </div>

      </div>

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

        <div class="p-4">

          <div

            class="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="text-center mt-3">

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

            <p class="text-muted">

              <small

                ><i

                  >Lorem ipsum dolor sit amet, consectetur adipiscing

                  elit.</i

                ></small

              >

            </p>

          </div>

        </div>

      </div>

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

        <div class="p-4">

          <div

            class="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="text-center mt-3">

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

            <p class="text-muted">

              <small

                ><i

                  >Lorem ipsum dolor sit amet, consectetur adipiscing

                  elit.</i

                ></small

              >

            </p>

          </div>

        </div>

      </div>

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

        <div class="p-4">

          <div

            class="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="text-center mt-3">

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

            <p class="text-muted">

              <small

                ><i

                  >Lorem ipsum dolor sit amet, consectetur adipiscing

                  elit.</i

                ></small

              >

            </p>

          </div>

        </div>

      </div>

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

        <div class="p-4">

          <div

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

          >

            <img

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

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

            />

          </div>

          <div class="text-center mt-3">

            <h6 class="font-weight-bold pt-2">Emma Lovelace</h6>

            <p class="text-muted">

              <small

                ><i

                  >Lorem ipsum dolor sit amet, consectetur adipiscing

                  elit.</i

                ></small

              >

            </p>

          </div>

        </div>

      </div>

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

        <div class="p-4">

          <div

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

          >

            <img

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

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

            />

          </div>

          <div class="text-center mt-3">

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

            <p class="text-muted">

              <small

                ><i

                  >Lorem ipsum dolor sit amet, consectetur adipiscing

                  elit.</i

                ></small

              >

            </p>

          </div>

        </div>

      </div>

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

        <div class="p-4">

          <div

            class="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="text-center mt-3">

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

            <p class="text-muted">

              <small

                ><i

                  >Lorem ipsum dolor sit amet, consectetur adipiscing

                  elit.</i

                ></small

              >

            </p>

          </div>

        </div>

      </div>

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

        <div class="p-4">

          <div

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

          >

            <img

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

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

            />

          </div>

          <div class="text-center mt-3">

            <h6 class="font-weight-bold pt-2">Veronica Smith</h6>

            <p class="text-muted">

              <small

                ><i

                  >Lorem ipsum dolor sit amet, consectetur adipiscing

                  elit.</i

                ></small

              >

            </p>

          </div>

        </div>

      </div>

    </div>

  </section>

</div>