Team
Decorate your website with wide variety of team sections.
Team #1
<!-- 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>