Team Contents
<!-- team member 1 -->
<div class="col-lg-4 col-sm-6 mb-4">
<div class="card text-center">
<a href="team-single.html">
<img class="card-img-top" src="images/team/team-page-1.jpg" alt="team-member">
</a>
<div class="card-body card-body-2 pb-0 px-4">
<h5 class="card-title">Phillip Wilson</h5>
<h6 class="text-color mb-30">CEO</h6>
<ul class="list-inline border-top d-inline-block">
<li class="list-inline-item">
<a href="#" class="text-color d-inline-block p-3">
<i class="ti-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#" class="text-color d-inline-block p-3">
<i class="ti-twitter-alt"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#" class="text-color d-inline-block p-3">
<i class="ti-linkedin"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#" class="text-color d-inline-block p-3">
<i class="ti-google"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
How to Use
Just Copy the code. Don't remove the classnames. Use your own class for customization
Team Contents 2
<!-- team member 2 -->
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
<div class="card text-center p-3">
<img class="card-img-top rounded" src="images/team/team-1.jpg" alt="team member image">
<div class="card-body pb-0">
<a href="team-single.html" class="card-title h4 font-primary text-dark">Amanda Richards</a>
<h6 class="text-color">Accounts</h6>
<p class="card-text border-bottom pb-3">Lorem ipsum dolor amet consectur adipsicing elit sed
eiusm tempor incididunt labore dolore magna aliqua enim minim.</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="#" class="text-color d-inline-block py-1 px-2 px-xl-3">
<i class="ti-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#" class="text-color d-inline-block py-1 px-2 px-xl-3">
<i class="ti-twitter-alt"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#" class="text-color d-inline-block py-1 px-2 px-xl-3">
<i class="ti-linkedin"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#" class="text-color d-inline-block py-1 px-2 px-xl-3">
<i class="ti-skype"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
How to Use
Just Copy the code. Don't remove the classnames. Use your own class for customization
Amanda Richards
Accounts
Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore magna aliqua enim minim.
Hermione Grenger
Accounts
Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore magna aliqua enim minim.
Alex Pitt
Accounts
Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore magna aliqua enim minim.