تیم

<!-- 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:[email protected]">
        <i class="fe-icon-mail"></i>
        &nbsp;[email protected]
      </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:[email protected]">
        <i class="fe-icon-mail"></i>
        &nbsp;[email protected]
      </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:[email protected]">
      <i class="fe-icon-mail"></i>
      &nbsp;[email protected]
    </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:[email protected]">
        <i class="fe-icon-mail"></i>
        &nbsp;[email protected]
      </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:[email protected]">
          <i class="fe-icon-mail"></i>
          &nbsp;[email protected]
        </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>