Team
Use the below code to display Team:
<div class="team">
<div class="team-images">
[ Your Image ]
</div>
<div class="team-description">
[ Your descriptipn ]
<div class="team-social-icon social-icons border color-hover">
<ul>
<li class="social-facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="social-twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="social-pinterest"><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li class="social-behance"><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
You can change the team styles with using following classes :
| Class | Description |
|---|---|
.team .team-1 |
Display the team members image. When we hover the mouse on image social icon goes colored. |
.boxed |
Display the team members image. When we hover the mouse on image description goes up. |
.left-pos |
Display the team members image right side and description Display in left side. |
Note If you want to change the team style then it is necessary to write .team class.