<!-- 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>
+1 (987) 162 53 46
</a>
<a class="team-contact-link" href="mailto:[email protected]">
<i class="fe-icon-mail"></i>
[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 4
.team-card-style-4.d-sm-table.w-100
.team-thumb.d-sm-table-cell.align-middle
+image("path-to-image", "Team Member Picture")
.d-sm-table-cell.align-middle.pl-sm-4.text-center.text-sm-left
span.team-position Lead Programmer
h4.team-name William Smith
a(href="tel:+19871625346").team-contact-link
i.fe-icon-phone
| +1 (987) 162 53 46
a(href="mailto:[email protected]").team-contact-link
i.fe-icon-mail
| [email protected]
.team-social-bar-wrap
.team-social-bar.mx-auto.mx-sm-0
a(href="#").social-btn.sb-style-1.sb-twitter
i.socicon-twitter
a(href="#").social-btn.sb-style-1.sb-github
i.socicon-github
a(href="#").social-btn.sb-style-1.sb-stackoverflow
i.socicon-stackoverflow
a(href="#").social-btn.sb-style-1.sb-skype
i.socicon-skype