Our team

<section class="bg-white" id="team">
    <div class="container"> 

      <div class="row mt-50">
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="team-member">
              <div class="team-thumb">
                <div class="thumb-overlay"></div>
                <img src="http://tolmatol.com//uploads-images/ourTeam/vishvjeet-patel.png" alt="">
                <div class="member-info text-center bg-white border-radius-5">
                  <h3>Tom Bills</h3>
                  <span class="title">Web Designer</span>
                  <div class="social-icons-style-02">
                   <ul class="sm-icon mt-20">
                      <li><a class="fb" href="#"><i class="fa fa-facebook"></i></a></li>
                      <li><a class="tw" href="#"><i class="fa fa-twitter"></i></a></li>
                      <li><a class="be" href="#"><i class="fa fa-behance"></i></a></li>
                      <li><a class="in" href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--== Member End ==-->
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="team-member">
              <div class="team-thumb">
                <div class="thumb-overlay"></div>
                <img src="http://tolmatol.com//uploads-images/ourTeam/vishvjeet-patel.png" alt="">
                <div class="member-info text-center bg-white border-radius-5">
                  <h3>Tom Bills</h3>
                  <span class="title">Web Designer</span>
                  <div class="social-icons-style-02">
                   <ul class="sm-icon mt-20">
                      <li><a class="fb" href="#"><i class="fa fa-facebook"></i></a></li>
                      <li><a class="tw" href="#"><i class="fa fa-twitter"></i></a></li>
                      <li><a class="be" href="#"><i class="fa fa-behance"></i></a></li>
                      <li><a class="in" href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--== Member End ==-->
         <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="team-member">
              <div class="team-thumb">
                <div class="thumb-overlay"></div>
                <img src="http://tolmatol.com//uploads-images/ourTeam/vishvjeet-patel.png" alt="">
                <div class="member-info text-center bg-white border-radius-5">
                  <h3>Tom Bills</h3>
                  <span class="title">Web Designer</span>
                  <div class="social-icons-style-02">
                   <ul class="sm-icon mt-20">
                      <li><a class="fb" href="#"><i class="fa fa-facebook"></i></a></li>
                      <li><a class="tw" href="#"><i class="fa fa-twitter"></i></a></li>
                      <li><a class="be" href="#"><i class="fa fa-behance"></i></a></li>
                      <li><a class="in" href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>

      </div>

    </div>
  </section>

 <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-thumb {position: relative;overflow: hidden;}
.team-thumb:after {content: '';position: absolute;background: transparent;width: 100%;height: 100%;left: 0;top: 0;visibility: hidden;opacity: 0;}
.team-thumb:hover:after {opacity: 1;visibility: visible;background-color: rgba(0, 0, 0, 0.2);z-index: 0;}
.team-thumb img {width: 100%;}
.member-info {position: absolute;left: 20px;right:20px;bottom: -20%;width: 88%;color: #fff;padding: 16px 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.2s ease-out .2s;-moz-transition: all 0.2s ease-out .2s;-o-transition: all 0.2s ease-out .2s;
transition: all 0.2s ease-out .2s;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.team-thumb:hover .member-info{bottom: 20px;opacity: 1;visibility: visible;z-index: 1;}
.member-info h3 {color: #24182e;font-size: 24px;line-height: 25px;margin-bottom: 5px;font-weight: 700;}
.member-info .title{display: block;font-size: 16px;line-height: 25px;color: #24182e;font-family: 'Cardo', serif;font-weight: 700;}
.member-info .social-link {margin-top: 25px;}
.member-info .social-link li a {display: block;width: 35px;height: 35px;font-size: 18px;line-height: 35px;background: #fff;color: #F5325C;text-align: center;border-radius: 50%;}
.member-info .social-link li a:hover {background: #24182e;color: #fff;}
.social-icons-style-02 a {text-align: center; display:inline-block; color: #24182e}
.social-icons-style-02 a:hover {color: #ccc; border-radius: 100%;}
 
        .social-icons-style-02 ul li, .social-icons-style-02 ul li a { text-align: center; width: 40px; height: 40px; line-height: 40px; display: inline-block;}
    </style>