Skip to main content

Team

Decorate your website with wide variety of team sections.

Team #1

Image Description

Kate Metu

CEO, Founder
kate@gmail.com
Image Description

Daniel Wearne

Manager
alex@gmail.com
Image Description

Tina Krueger

Designer
tina@gmail.com
Image Description

Alex Taylor

Developer
daniel@gmail.com
            
              <!-- Team Section -->
              <div class="container space-2 space-3--lg">
                <div class="row mb-9">
                  <div class="col-6 col-lg-3 mb-7 mb-lg-0">
                    <!-- Team -->
                    <div class="text-center">
                      <img class="u-lg-avatar shadow-lg rounded-circle mx-auto mb-4" src="../assets/img/100x100/img1.jpg" alt="Image Description">
                      <h4 class="h5">Kate Metu</h4>
                      <span class="d-block text-primary">CEO, Founder</span>
                      <hr>
                      <a class="text-secondary font-size-14" href="#">kate@gmail.com</a>
                    </div>
                    <!-- End Team -->
                  </div>

                  <div class="col-6 col-lg-3 mb-7 mb-lg-0">
                    <!-- Team -->
                    <div class="text-center">
                      <img class="u-lg-avatar shadow-lg rounded-circle mx-auto mb-4" src="../assets/img/100x100/img3.jpg" alt="Image Description">
                      <h4 class="h5">Daniel Wearne</h4>
                      <span class="d-block text-primary">Manager</span>
                      <hr>
                      <a class="text-secondary font-size-14" href="#">alex@gmail.com</a>
                    </div>
                    <!-- End Team -->
                  </div>

                  <div class="col-6 col-lg-3">
                    <!-- Team -->
                    <div class="text-center">
                      <img class="u-lg-avatar shadow-lg rounded-circle mx-auto mb-4" src="../assets/img/100x100/img2.jpg" alt="Image Description">
                      <h4 class="h5">Tina Krueger</h4>
                      <span class="d-block text-primary">Designer</span>
                      <hr>
                      <a class="text-secondary font-size-14" href="#">tina@gmail.com</a>
                    </div>
                    <!-- End Team -->
                  </div>

                  <div class="col-6 col-lg-3">
                    <!-- Team -->
                    <div class="text-center">
                      <img class="u-lg-avatar shadow-lg rounded-circle mx-auto mb-4" src="../assets/img/100x100/img4.jpg" alt="Image Description">
                      <h4 class="h5">Alex Taylor</h4>
                      <span class="d-block text-primary">Developer</span>
                      <hr>
                      <a class="text-secondary font-size-14" href="#">daniel@gmail.com</a>
                    </div>
                    <!-- End Team -->
                  </div>
                </div>
              </div>
              <!-- End Team Section -->
            
          

Team #2

            
              <div class="row">
                <!-- Speaker -->
                <div class="col-6 col-md-4 col-lg-3 mb-7">
                  <a class="media align-items-center" href="#">
                    <div class="u-lg-avatar u-md-avatar--bordered shadow rounded-circle mr-3">
                      <img class="img-fluid rounded-circle" src="../assets/img/100x100/img1.jpg" alt="Image Description">
                    </div>
                    <div class="media-body">
                      <h4 class="h6 mb-0">Marina Lau</h4>
                      <span class="text-secondary">Speaker</span>
                    </div>
                  </div>
                </a>
                <!-- End Speaker -->

                <!-- Speaker -->
                <div class="col-6 col-md-4 col-lg-3 mb-7">
                  <a class="media align-items-center" href="#">
                    <div class="u-lg-avatar u-md-avatar--bordered shadow rounded-circle mr-3">
                      <img class="img-fluid rounded-circle" src="../assets/img/100x100/img2.jpg" alt="Image Description">
                    </div>
                    <div class="media-body">
                      <h4 class="h6 mb-0">Alisa Gray</h4>
                      <span class="text-secondary">Presenter</span>
                    </div>
                  </div>
                </a>
                <!-- End Speaker -->

                <!-- Speaker -->
                <div class="col-6 col-md-4 col-lg-3 mb-7">
                  <a class="media align-items-center" href="#">
                    <div class="u-lg-avatar u-md-avatar--bordered shadow rounded-circle mr-3">
                      <img class="img-fluid rounded-circle" src="../assets/img/100x100/img3.jpg" alt="Image Description">
                    </div>
                    <div class="media-body">
                      <h4 class="h6 mb-0">David Wilson</h4>
                      <span class="text-secondary">Performer</span>
                    </div>
                  </div>
                </a>
                <!-- End Speaker -->

                <!-- Speaker -->
                <div class="col-6 col-md-4 col-lg-3 mb-7">
                  <a class="media align-items-center" href="#">
                    <div class="u-lg-avatar u-md-avatar--bordered shadow rounded-circle mr-3">
                      <img class="img-fluid rounded-circle" src="../assets/img/100x100/img14.jpg" alt="Image Description">
                    </div>
                    <div class="media-body">
                      <h4 class="h6 mb-0">Catherine Cameron</h4>
                      <span class="text-secondary">Performer</span>
                    </div>
                  </div>
                </a>
                <!-- End Speaker -->

                <!-- Speaker -->
                <div class="col-6 col-md-4 col-lg-3 mb-7 mb-lg-0">
                  <a class="media align-items-center" href="#">
                    <div class="u-lg-avatar u-md-avatar--bordered shadow rounded-circle mr-3">
                      <img class="img-fluid rounded-circle" src="../assets/img/100x100/img4.jpg" alt="Image Description">
                    </div>
                    <div class="media-body">
                      <h4 class="h6 mb-0">Neil Acero</h4>
                      <span class="text-secondary">Speaker</span>
                    </div>
                  </div>
                </a>
                <!-- End Speaker -->

                <!-- Speaker -->
                <div class="col-6 col-md-4 col-lg-3 mb-7 mb-lg-0">
                  <a class="media align-items-center" href="#">
                    <div class="u-lg-avatar u-md-avatar--bordered shadow rounded-circle mr-3">
                      <img class="img-fluid rounded-circle" src="../assets/img/100x100/img15.jpg" alt="Image Description">
                    </div>
                    <div class="media-body">
                      <h4 class="h6 mb-0">Mathew Gori</h4>
                      <span class="text-secondary">Presenter</span>
                    </div>
                  </div>
                </a>
                <!-- End Speaker -->

                <!-- Speaker -->
                <div class="col-6 col-md-4 col-lg-3">
                  <a class="media align-items-center" href="#">
                    <div class="u-lg-avatar u-md-avatar--bordered shadow rounded-circle mr-3">
                      <img class="img-fluid rounded-circle" src="../assets/img/100x100/img16.jpg" alt="Image Description">
                    </div>
                    <div class="media-body">
                      <h4 class="h6 mb-0">Jesica Alan</h4>
                      <span class="text-secondary">Speaker</span>
                    </div>
                  </div>
                </a>
                <!-- End Speaker -->

                <!-- Speaker -->
                <div class="col-6 col-md-4 col-lg-3">
                  <a class="media align-items-center" href="#">
                    <div class="u-lg-avatar u-md-avatar--bordered shadow rounded-circle mr-3">
                      <img class="img-fluid rounded-circle" src="../assets/img/100x100/img17.jpg" alt="Image Description">
                    </div>
                    <div class="media-body">
                      <h4 class="h6 mb-0">Mark Spencer</h4>
                      <span class="text-secondary">Presenter</span>
                    </div>
                  </div>
                </a>
                <!-- End Speaker -->
              </div>