Builder - Team or Testimonial

Back to Builder

ID Section

Container

Container Small Normal Large

Vertical Align Top Center Bottom

Text Align Item Align Left Item Align Center Item Align Right Item Align Left (Center on Small Screen) Item Align Right (Center on Small Screen)

Background Color

Corner Box Style Rounded Small Rounded Rounded Large Rounded X Large

Box Model Skin Light Dark

Hover Style Jump Effect Scaling Effect Hover the box to test effect

Team or Testimonial 1 Content

Avatar Image

Name

Title

HTML

Team or Testimonial 2 Content

Avatar Image

Name

Title

HTML

Team or Testimonial 3 Content

Avatar Image

Name

Title

HTML

Get Code

<!--========== TEAM OR TESTIMONIAL ==========--> <section id="{{specialID}}" style="background: {{bgHeadColor}};"> <div class="{{dfltContainer}}"> <div class="row {{ValginCenter}} table-team style-a {{tabpricBoxStyle}}"> <div class="column four-res {{HoverJump}} reveal"> <div class="person-avatar" style="background: url({{teamAvatar1}}) center"></div> <div class="content {{HeroAlign}} {{boxRoundedSM}}"> <h4>{{teamName1}}</h4> <small>{{teamDes1}}</small> <p>{{teamContent1}}</p> </div> </div> <div class="column four-res {{HoverJump}} reveal"> <div class="person-avatar" style="background: url({{teamAvatar2}}) center"></div> <div class="content {{HeroAlign}} {{boxRoundedSM}}"> <h4>{{teamName2}}</h4> <small>{{teamDes2}}</small> <p>{{teamContent2}}</p> </div> </div> <div class="column four-res {{HoverJump}} reveal"> <div class="person-avatar" style="background: url({{teamAvatar3}}) center"></div> <div class="content {{HeroAlign}} {{boxRoundedSM}}"> <h4>{{teamName3}}</h4> <small>{{teamDes3}}</small> <p>{{teamContent3}}</p> </div> </div> </div> </div> </section> <!--========== TEAM OR TESTIMONIAL END ==========-->