Team
Team page is structured with team members elements. Each team member element is made up the same “modules” with different configurations. You can modify this appearance in a couple of ways by adding classes to desired elements. We have 3 templates, each presenting different looks.
Team classes
- team-img-right *
- content on the left side, image team member ont the right side
- team-select
- one team member is active, other members you can select below
- team-list
- team members in list with content on the left side and image on the right side
- team-grid
- team memebers in grid with two columns
* use this class with “team-list” and “team-select”
Team template with selector
... <div class="team-container team-img-right team-select"> <div class="team-member team-member-active"> ... <img src="image url"/> ... <div class="team-name"> <h4 class="member-name">team member name</h4> <div class="member-status">team member status</div> </div> ... <div class="member-desc">team member description</div> <ul class="member-socials"> <li><a href="social profile url" class="link-hover"></a></li> </ul> ... SELECTOR <div class="team-members animate-text animate-second"> <div class="team-header active"> <div class="team-name"> <h4 class="member-name">team member name</h4> <div class="member-status">team member status</div> </div> ... ...
Team members in list
... <div class="team-container team-img-right team-list"> <div class="team-member"> ... <img src="image url"/> ...
Team members in 2 columns
... <div class="team-container team-grid"> <div class="team-member"> ... <img src="image url"/> ...