<div class="team-area mt-3">
<div class="container">
<div class="row mt-50">
<div class="col-lg-4 col-sm-6">
<div class="team-single wow zoomIn" data-wow-delay=".3s">
<div class="team-thumb">
<img src="https://www.tolmatol.com/uploads-images/bootrap-snippets-our-team/3.jpg" alt="" />
<div class="social-icons style-2">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-facebook"></a>
</div>
</div>
<div class="team-bio">
<h4>Vishwa</h4>
<h5>SEO Expert</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="team-single wow zoomIn" data-wow-delay=".4s">
<div class="team-thumb">
<img src="https://www.tolmatol.com/uploads-images/bootrap-snippets-our-team/2.jpg" alt="" />
<div class="social-icons style-2">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-facebook"></a>
</div>
</div>
<div class="team-bio">
<h4>Patel </h4>
<h5>Marketing Expert</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="team-single wow zoomIn" data-wow-delay=".5s">
<div class="team-thumb">
<img src="https://www.tolmatol.com/uploads-images/bootrap-snippets-our-team/1.jpg" alt="" />
<div class="social-icons style-2">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-facebook"></a>
</div>
</div>
<div class="team-bio">
<h4>V. Smith</h4>
<h5>Graphic Designer</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="team-single wow zoomIn" data-wow-delay=".6s">
<div class="team-thumb">
<img src="https://www.tolmatol.com/uploads-images/bootrap-snippets-our-team/6.jpg" alt="" />
<div class="social-icons style-2">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-facebook"></a>
</div>
</div>
<div class="team-bio">
<h4>Jonthon</h4>
<h5>SEO Expert</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="team-single wow zoomIn" data-wow-delay=".7s">
<div class="team-thumb">
<img src="https://www.tolmatol.com/uploads-images/bootrap-snippets-our-team/5.jpg" alt="" />
<div class="social-icons style-2">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-facebook"></a>
</div>
</div>
<div class="team-bio">
<h4>Alliy</h4>
<h5>Marketing Expert</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="team-single wow zoomIn" data-wow-delay=".8s">
<div class="team-thumb">
<img src="https://www.tolmatol.com/uploads-images/bootrap-snippets-our-team/4.jpg" alt="" />
<div class="social-icons style-2">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-facebook"></a>
</div>
</div>
<div class="team-bio">
<h4>Cimon</h4>
<h5>Graphic Designer</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<!--team end-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.team-single {
background-color:#ffffff;
text-align:center;
box-shadow: 5.5px 9.526px 43px 0px rgba( 98, 143, 144, .15 );
border-radius:10px;
padding:40px 0 35px 0;
margin-bottom:30px;
}
.team-thumb {
width:200px;
height:200px;
display:inline-block;
position:relative;
}
.team-thumb img {
border-radius:100%; width: 100%;
}
.team-bio {
margin-top:20px;
}
.team-bio h4 {
font-size:22px;
margin-bottom:0;
}
.team-bio h5 {
font-size:14px;
color:#fb5c71;
text-transform:uppercase;
}
.team-thumb .social-icons.style-2 {
display: block;
padding: 0;
position: absolute;
top: 50px;
bottom: 0;
right: -15px;
transition:.3s;
opacity:0;
visibility:hidden;
}
.team-single:hover .social-icons.style-2 {
opacity:1;
visibility:visible;
}
.team-single .social-icons a {
display:block;
color:#ffffff;
margin:0 0 15px 0;
}
.team-thumb .social-icons.style-2 .fa-facebook {
background-color: #3973e8;
border-color: #3973e8;
position: relative;
right: 29px;
top: -10px;
}
.team-thumb .social-icons.style-2 .fa-instagram {
background-color: #f74d91;
border-color: #f74d91;
position: relative;
right: 2px;
top: -1px;
}
.team-thumb .social-icons.style-2 .fa-twitter {
background-color:#29bfe8;
border-color:#29bfe8;
}
.team-carousel .team-single {
box-shadow:none;
border:1px solid #ebebeb;
}
.social-icons.style-2 a {
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #feced4;
border-radius: 100%;
color: #fff;
}
</style>