<div class="container my-5">

​

  <!-- Section: Block Content -->

  <section class="team-section">

​

    <div class="card">

      <div class="card-header white d-flex justify-content-between">

        <p class="h5-responsive font-weight-bold mb-0">Latest Members</p>

        <ul class="list-unstyled d-flex align-items-center mb-0">

          <li><span class="badge badge-danger">8 New Members</span></li>

          <li><i class="far fa-window-minimize fa-sm pl-3"></i></li>

          <li><i class="fas fa-times fa-sm pl-3"></i></li>

        </ul>

      </div>

      <div class="card-body">

        <div class="row pt-4">

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

            <div class="avatar white text-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-2">

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

              <p class="text-muted mb-0"><small>Today</small></p>

            </div>

          </div>

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

            <div class="avatar white text-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-2">

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

              <p class="text-muted mb-0"><small>Yesterday</small></p>

            </div>

          </div>

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

            <div class="avatar white text-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-2">

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

              <p class="text-muted mb-0"><small>29 Nov</small></p>

            </div>

          </div>

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

            <div class="avatar white text-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-2">

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

              <p class="text-muted mb-0"><small>29 Nov</small></p>

            </div>

          </div>

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

            <div class="avatar white text-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-2">

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

              <p class="text-muted mb-0"><small>28 Nov</small></p>

            </div>

          </div>

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

            <div class="avatar white text-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-2">

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

              <p class="text-muted mb-0"><small>27 Nov</small></p>

            </div>

          </div>

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

            <div class="avatar white text-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-2">

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

              <p class="text-muted mb-0"><small>26 Nov</small></p>

            </div>

          </div>

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

            <div class="avatar white text-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-2">

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

              <p class="text-muted mb-0"><small>26 Nov</small></p>

            </div>

          </div>

        </div>

      </div>

      <div class="card-footer white text-center py-3">

        <a href="#!">View All Users</a>

      </div>

    </div>

​

  </section>

  <!-- Section: Block Content -->

​

</div>

​

​