Section & Variations › Team
Available Parameters
| Parameter | Type | Description |
|---|---|---|
variation
|
Text
required Default : team-variation-1
|
Selected variations for Team section. List of available variations :
|
title
|
Text
required |
Set title for Team section. |
description
|
Text
required |
Set description for Team section |
items
|
Array of Team Item
required |
Set list of Team item. Example: [
|
Available Variations
Starter Kit Codes
{# include sections/team #}
{% include "sections/team.twig", with {
'variation' : 'team-variation-1',
'title' : 'Our Team',
'description' : 'We’re a dedicated group of lorem ipsum dolor sit amet consectetur adipiscing eli purus massa id quam risus a elite',
'items' : [
{
'name' : 'Justin Lyons',
'position' : 'Founder & CEO',
'photo' : 'team-photo-1.png',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Devin Bishop',
'position' : 'Chief Product Officer',
'photo' : 'team-photo-2.png',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Frank Chavez',
'position' : 'Content Strategist',
'photo' : 'team-photo-3.png',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Hester Anderson',
'position' : 'Director of Engineering',
'photo' : 'team-photo-4.png',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Lora Mason',
'position' : 'Product Designer',
'photo' : 'team-photo-5.png',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Lucinda Harmon',
'position' : 'Director of Finance',
'photo' : 'team-photo-6.png',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
],
},
{
'name' : 'Calvin Patrick',
'position' : 'Content Director',
'photo' : 'team-photo-7.png',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Katrina Yundt',
'position' : 'Content Strategist',
'photo' : 'team-photo-8.png',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
],
},
]
} %}
Section Preview
Starter Kit Codes
{# include sections/team #}
{% include "sections/team.twig", with {
'variation' : 'team-variation-2',
'title' : 'Our Team',
'description' : 'We’re a dedicated group of lorem ipsum dolor sit amet consectetur adipiscing eli purus massa id quam risus a elite',
'items' : [
{
'name' : 'Justin Lyons',
'position' : 'Founder & CEO',
'photo' : 'team-photo-1.png',
'description' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in.',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Devin Bishop',
'position' : 'Chief Product Officer',
'photo' : 'team-photo-2.png',
'description' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in.',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Frank Chavez',
'position' : 'Content Strategist',
'photo' : 'team-photo-3.png',
'description' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in.',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Hester Anderson',
'position' : 'Director of Engineering',
'photo' : 'team-photo-4.png',
'description' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in.',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Lora Mason',
'position' : 'Product Designer',
'photo' : 'team-photo-5.png',
'description' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in.',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
{
'name' : 'Lucinda Harmon',
'position' : 'Director of Finance',
'photo' : 'team-photo-6.png',
'description' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in.',
'socials' : [
{
'icon' : 'ic-facebook',
'link' : '#',
},
{
'icon' : 'ic-linkedin',
'link' : '#',
},
{
'icon' : 'ic-twitter',
'link' : '#',
},
],
},
]
} %}
Section Preview
Starter Kit Codes
{# include sections/team #}
{% include "sections/team.twig", with {
'variation' : 'team-variation-3',
'title' : 'Our Team',
'description' : 'We’re a dedicated group of lorem ipsum dolor sit amet consectetur adipiscing eli purus massa id quam risus a elite',
'items' : [
{
'name' : 'Justin Lyons',
'position' : 'Founder & CEO',
'photo' : 'team-photo-1.png',
},
{
'name' : 'Devin Bishop',
'position' : 'Chief Product Officer',
'photo' : 'team-photo-2.png',
},
{
'name' : 'Frank Chavez',
'position' : 'Content Strategist',
'photo' : 'team-photo-3.png',
},
{
'name' : 'Hester Anderson',
'position' : 'Director of Engineering',
'photo' : 'team-photo-4.png',
},
{
'name' : 'Lora Mason',
'position' : 'Product Designer',
'photo' : 'team-photo-5.png',
},
{
'name' : 'Lucinda Harmon',
'position' : 'Director of Finance',
'photo' : 'team-photo-6.png',
},
]
} %}
Section Preview