1. Home
  2. Marco HTML
  3. Team

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"/>
...
Was this article helpful to you? Yes No