September 27, 2021

Our Team

<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>

 

Leave a Reply

Your email address will not be published. Required fields are marked *