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"/>
...