Team

<!-- Team Style 1 -->
<div class="team-card-style-1 mx-auto">
  <div class="team-card-inner">
    <div class="team-thumb">
      <img src="path-to-image" alt="Team Member Picture"/>
    </div>
    <div class="team-social-bar text-center">
      <a class="social-btn sb-style-4 sb-twitter" href="#">
        <i class="socicon-twitter"></i>
      </a>
      <a class="social-btn sb-style-4 sb-github" href="#">
        <i class="socicon-github"></i>
      </a>
      <a class="social-btn sb-style-4 sb-stackoverflow" href="#">
        <i class="socicon-stackoverflow"></i>
      </a>
      <a class="social-btn sb-style-4 sb-skype" href="#">
        <i class="socicon-skype"></i>
      </a>
    </div>
    <a class="team-contact-link" href="tel:+19871625346">
      <i class="fe-icon-phone"></i>
      &nbsp;+1 (987) 162 53 46
    </a>
    <a class="team-contact-link" href="mailto:info@example.com">
      <i class="fe-icon-mail"></i>
      &nbsp;info@example.com
    </a>
  </div>
  <span class="team-position">Lead Programmer</span>
  <h4 class="team-name">William Smith</h4>
</div>

<!-- Team Style 2 -->
<div class="team-card-style-2">
  <img src="path-to-image" alt="Team Member Picture"/>
  <div class="team-card-inner">
    <h4 class="team-name">Olivia Davis</h4>
    <span class="team-position">Lead Visual Artist</span>
    <div class="team-social-bar text-center">
      <a class="social-btn sb-style-1 sb-twitter sb-light-skin" href="#">
        <i class="socicon-twitter"></i>
      </a>
      <a class="social-btn sb-style-1 sb-pinterest sb-light-skin" href="#">
        <i class="socicon-pinterest"></i>
      </a>
      <a class="social-btn sb-style-1 sb-behance sb-light-skin" href="#">
        <i class="socicon-behance"></i>
      </a>
      <a class="social-btn sb-style-1 sb-dribbble sb-light-skin" href="#">
        <i class="socicon-dribbble"></i>
      </a>
    </div>
    <a class="team-contact-link" href="tel:+19871625346">
      <i class="fe-icon-phone"></i>
      &nbsp;+1 (987) 162 53 46
    </a>
    <a class="team-contact-link" href="mailto:info@example.com">
      <i class="fe-icon-mail"></i>
      &nbsp;info@example.com
    </a>
  </div>
</div>

<!-- Team Style 3 -->
<div class="team-card-style-3 mx-auto">
  <div class="team-thumb">
    <img src="path-to-image" alt="Team Member Picture"/>
  </div>
  <span class="team-position">Lead Programmer</span>
  <h4 class="team-name">William Smith</h4>
  <a class="team-contact-link" href="tel:+19871625346">
    <i class="fe-icon-phone"></i>
    &nbsp;+1 (987) 162 53 46
  </a>
  <a class="team-contact-link" href="mailto:info@example.com">
    <i class="fe-icon-mail"></i>
    &nbsp;info@example.com
  </a>
  <div class="team-social-bar-wrap"> 
    <div class="team-social-bar">
      <a class="social-btn sb-style-1 sb-twitter" href="#">
        <i class="socicon-twitter"></i>
      </a>
      <a class="social-btn sb-style-1 sb-github" href="#">
        <i class="socicon-github"></i>
      </a>
      <a class="social-btn sb-style-1 sb-stackoverflow" href="#">
        <i class="socicon-stackoverflow"></i>
      </a>
      <a class="social-btn sb-style-1 sb-skype" href="#">
        <i class="socicon-skype"></i>
      </a>
    </div>
  </div>
</div>

<!-- Team Style 4 -->
<div class="team-card-style-4 d-sm-table w-100">
  <div class="team-thumb d-sm-table-cell align-middle">
    <img src="path-to-image" alt="Team Member Picture"/>
  </div>
  <div class="d-sm-table-cell align-middle pl-sm-4 text-center text-sm-left">
    <span class="team-position">Lead Programmer</span>
    <h4 class="team-name">William Smith</h4>
    <a class="team-contact-link" href="tel:+19871625346">
      <i class="fe-icon-phone"></i>
      &nbsp;+1 (987) 162 53 46
    </a>
    <a class="team-contact-link" href="mailto:info@example.com">
      <i class="fe-icon-mail"></i>
      &nbsp;info@example.com
    </a>
    <div class="team-social-bar-wrap"> 
      <div class="team-social-bar mx-auto mx-sm-0">
        <a class="social-btn sb-style-1 sb-twitter" href="#">
          <i class="socicon-twitter"></i>
        </a>
        <a class="social-btn sb-style-1 sb-github" href="#">
          <i class="socicon-github"></i>
        </a>
        <a class="social-btn sb-style-1 sb-stackoverflow" href="#">
          <i class="socicon-stackoverflow"></i>
        </a>
        <a class="social-btn sb-style-1 sb-skype" href="#">
          <i class="socicon-skype"></i>
        </a>
      </div>
    </div>
  </div>
</div>

<!-- Team Style 5 -->
<div class="team-card-style-5 mx-auto">
  <div class="team-thumb">
    <div class="team-card-inner">
      <a class="team-contact-link" href="tel:+19871625346">
        <i class="fe-icon-phone"></i>
        &nbsp;+1 (987) 162 53 46
      </a>
      <a class="team-contact-link" href="mailto:info@example.com">
        <i class="fe-icon-mail"></i>
        &nbsp;info@example.com
      </a>
      <div class="team-social-bar pt-3 text-center">
        <a class="social-btn sb-style-6 sb-twitter sb-light-skin" href="#">
          <i class="socicon-twitter"></i>
        </a>
        <a class="social-btn sb-style-6 sb-pinterest sb-light-skin" href="#">
          <i class="socicon-pinterest"></i>
        </a>
        <a class="social-btn sb-style-6 sb-behance sb-light-skin" href="#">
          <i class="socicon-behance"></i>
        </a>
        <a class="social-btn sb-style-6 sb-dribbble sb-light-skin" href="#">
          <i class="socicon-dribbble"></i>
        </a>
      </div>
    </div><img src="path-to-iamge" alt="Team Member Picture"/>
  </div>
  <h4 class="team-name">Olivia Davis</h4>
  <span class="team-position">Lead Visual Artist</span>
</div>