Section & Variations › Team

Available Parameters
Parameter Type Description
variation Text
required
Default : team-variation-1 		Selected variations for Team section.
List of available variations :
  • team-variation-1
  • team-variation-2
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:
[
    {
        "name"      : "Marvin McKinney",
        "position   : "Content Director",
        "photo"     : "team-photo-9.png",
        "description" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
        "socials"     : [
            {
                "icon"     : "ic-twitter-circle",
                "link"     : "#"
            },
            {
                "icon"     : "ic-facebook-circle",
                "link"     : "#"
            },
            {
                "icon"     : "ic-linkedin-circle",
                "link"     : "#"
            }
        ]
    }
]
Available Variations
Starter Kit Codes 
{# include sections/team  #}
{% include "sections/team.twig", with {
    	'variation'	: 'team-variation-1',

	'title'		: 'Our leadership',

	'description'	: 'Our team comprises highly skilled individuals who are passionate about their work and committed to delivering excellence.',

	'items' : [
		{
			'classes'	: 'item-featured',
			'name'		: 'Marvin McKinney',
			'position'	: 'Founder & CEO',
			'photo'		: 'team-photo-1.png',
		},
		{
			'classes'	: 'item-featured',
			'name'		: 'Courtney Henry',
			'position'	: 'Chief Product Officer',
			'photo'		: 'team-photo-2.png',
		},
		{
			'classes'	: 'item-featured',
			'name'		: 'Jane Cooper',
			'position'	: 'Content Strategist',
			'photo'		: 'team-photo-3.png',
		},
		{
			'name'		: 'Marvin McKinney',
			'position'	: 'Content Director',
			'photo'		: 'team-photo-4.png',
		},

		{
			'name'		: 'Wade Warren',
			'position'	: 'UI/ UX Designer',
			'photo'		: 'team-photo-5.png',
		},
		{
			'name'		: 'Theresa Webb',
			'position'	: 'Director of Engineering',
			'photo'		: 'team-photo-6.png',
		},
		{
			'name'		: 'Frank Simonanta',
			'position'	: 'Product Designer',
			'photo'		: 'team-photo-7.png',
		},
		{
			'name'		: 'Jenny Wilson',
			'position'	: 'Product Designer',
			'photo'		: 'team-photo-8.png',
		},
		{
			'name'		: 'Lucinda Harmon',
			'position'	: 'Product Engineer',
			'photo'		: 'team-photo-9.png',
		},
		{
			'name'		: 'Lucinda Harmon',
			'position'	: 'Product Engineer',
			'photo'		: 'team-photo-10.png',
		},
		{
			'name'		: 'Kristin Watson',
			'position'	: 'Content Director',
			'photo'		: 'team-photo-11.png',
		},
	]
  } %}
Section Preview Team Variation 1
Starter Kit Codes 
{# include sections/team  #}
{% include "sections/team.twig", with {
    	'variation'	: 'team-variation-2',

	'title'		: 'Our awesome team',

	'description'	: 'Our team comprises highly skilled individuals who are passionate
about their work and committed to delivering excellence.',

	'items' : [
		{
			'name'		: 'Marvin McKinney',
			'position'	: 'Founder & CEO',
			'photo'		: 'team-photo-1.png',
			'description'	: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.',
			'socials'	: [
				{
					'icon'	: 'ic-social-twitter',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-fb',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-linkedin',
					'link'	: '#',
				},
			],
		},
		{
			'name'		: 'Courtney Henry',
			'position'	: 'Chief Product Officer',
			'photo'		: 'team-photo-2.png',
			'description'	: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.',
			'socials'	: [
				{
					'icon'	: 'ic-social-twitter',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-linkedin',
					'link'	: '#',
				},
			],
		},
		{
			'name'		: 'Jane Cooper',
			'position'	: 'Content Strategist',
			'photo'		: 'team-photo-3.png',
			'description'	: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.',
			'socials'	: [
				{
					'icon'	: 'ic-social-twitter',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-fb',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-linkedin',
					'link'	: '#',
				},
			],
		},
		{
			'name'		: 'Marvin McKinney',
			'position'	: 'Content Director',
			'photo'		: 'team-photo-4.png',
			'description'	: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.',
			'socials'	: [
				{
					'icon'	: 'ic-social-twitter',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-fb',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-linkedin',
					'link'	: '#',
				},
			],
		},

		{
			'name'		: 'Courtney Henry',
			'position'	: 'UI/ UX Designer',
			'photo'		: 'team-photo-5.png',
			'description'	: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.',
			'socials'	: [
				{
					'icon'	: 'ic-social-fb',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-linkedin',
					'link'	: '#',
				},
			],
		},
		{
			'name'		: 'Theresa Webb',
			'position'	: 'Director of Engineering',
			'photo'		: 'team-photo-11.png',
			'description'	: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.',
			'socials'	: [
				{
					'icon'	: 'ic-social-twitter',
					'link'	: '#',
				},
				{
					'icon'	: 'ic-social-linkedin',
					'link'	: '#',
				},
			],
		},
	]
  } %}
Section Preview Team Variation 2