Here is the markup for a team item
<div class="column large-4 medium-4 small-12"> <div class="wrapper al"> <div class="teammember dib"> <div class="wrapper pr ovh mb40"> <div class="wrapper pa fullwidth fullheight ovh p10"> <div class="wrapper"> <div class="hover-top hover-el"></div> <div class="hover-bottom hover-el"></div> </div> <div class="wrapper fullwidth fullheight details"> <div class="wrapper pa bottom fullwidth pt10 pb10"> <!-- social list --> <ul class="list inline ac sgutter"> <li> <a href="/index.php?action=artikel&lang=en&cat=24&id=121&artlang=en#" class="text fz3 ctm lh26"> <i class="fa fa-instagram"></i> </a> </li> <li> <a href="/index.php?action=artikel&lang=en&cat=24&id=121&artlang=en#" class="text fz3 ctm lh26"> <i class="fa fa-dribbble"></i> </a> </li> <li> <a href="/index.php?action=artikel&lang=en&cat=24&id=121&artlang=en#" class="text fz3 ctm lh26"> <i class="fa fa-behance"></i> </a> </li> <li> <a href="/index.php?action=artikel&lang=en&cat=24&id=121&artlang=en#" class="text fz3 ctm lh26"> <i class="fa fa-twitter"></i> </a> </li> </ul> </div> </div> </div> <!-- member image --> <img src="img/theme/team/1.jpg" alt="" class="image"> </div> <h3 class="text fz4 fw3 ac lsm ttu mb5">Member name</h3> <p class="text fz1 fsi fw3 ac lsm c2">Member post</p> </div> </div> </div>
Add custom icond from Font Awesome icons pack.