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
  • team-variation-3
  • team-variation-4
tag Text
required 		Set tag for Team section.
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",
	"tag"			: "Our Team",
	"title"			: "Meet out great 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"		: "Lucinda Harmon",
			"position"	: "Director of Finance",
			"photo"		: "team-photo-5.png",
		},
		{
			"name"		: "Calvin Patrick",
			"position"	: "Content Director",
			"photo"		: "team-photo-6.png",
		},
		{
			"name"		: "Lora Mason",
			"position"	: "Product Designer",
			"photo"		: "team-photo-7.png",
		},
		{
			"name"		: "Brett Reynolds",
			"position"	: "Product Engineer",
			"photo"		: "team-photo-8.png",
		},
	]
  } %}
Section Preview Team Variation 1
Starter Kit Codes 
{# include sections/team  #}
{% include "sections/team.twig", with {
    	"variation"		: "team-variation-2",
	"tag"			: "Our Team",
	"title"			: "Our leaders",
	"description"		: "We’re a dedicated group of lorem ipsum dolor sit amet consectetur adipiscing eli purus massa id quam risus a elite",
	"items" : [
		{
			"name"		: "Devin Bishop",
			"position"	: "Founder & CEO",
			"photo"		: "team-photo-1.png",
		},
		{
			"name"		: "Justin Lyons",
			"position"	: "Chief Product Officer",
			"photo"		: "team-photo-2.png",
		},
		{
			"name"		: "Frank Chavez",
			"position"	: "Content Strategist",
			"photo"		: "team-photo-3.png",
		},
		
		{
			"name"		: "Hester Anderson",
			"position"	: "Chief Product Officer",
			"photo"		: "team-photo-4.png",
		},
		{
			"name"		: "Calvin Patrick",
			"position"	: "Content Director",
			"photo"		: "team-photo-6.png",
		},
	]
  } %}
Section Preview Team Variation 2
Starter Kit Codes 
{# include sections/team  #}
{% include "sections/team.twig", with {
    	"variation"		: "team-variation-3",
	"tag"			: "Our Team",
	"title"			: "Our leaders",
	"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-9.png",
			"socials"	: [
				{
					"icon"	: "ic-twitter-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-facebook-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-linkedin-circle",
					"link"	: "#",
				},
			],
		},
		{
			"name"		: "Devin Bishop",
			"position"	: "Chief Product Officer",
			"photo"		: "team-photo-10.png",
			"socials"	: [
				{
					"icon"	: "ic-twitter-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-facebook-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-linkedin-circle",
					"link"	: "#",
				},
			],
		},
		{
			"name"		: "Frank Chavez",
			"position"	: "Content Strategist",
			"photo"		: "team-photo-11.png",
			"socials"	: [
				{
					"icon"	: "ic-twitter-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-facebook-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-linkedin-circle",
					"link"	: "#",
				},
			],
		},
		
		{
			"name"		: "Hester Anderson",
			"position"	: "Director of Engineering",
			"photo"		: "team-photo-12.png",
			"socials"	: [
				{
					"icon"	: "ic-twitter-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-facebook-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-linkedin-circle",
					"link"	: "#",
				},
			],
		},
		{
			"name"		: "Lora Mason",
			"position"	: "Product Designer",
			"photo"		: "team-photo-13.png",
			"socials"	: [
				{
					"icon"	: "ic-twitter-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-facebook-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-linkedin-circle",
					"link"	: "#",
				},
			],
		},
		{
			"name"		: "Lucinda Harmon",
			"position"	: "Director of Finance",
			"photo"		: "team-photo-14.png",
			"socials"	: [
				{
					"icon"	: "ic-twitter-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-facebook-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-linkedin-circle",
					"link"	: "#",
				},
			],
		},
		{
			"name"		: "Calvin Patrick",
			"position"	: "Content Director",
			"photo"		: "team-photo-15.png",
			"socials"	: [
				{
					"icon"	: "ic-twitter-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-facebook-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-linkedin-circle",
					"link"	: "#",
				},
			],
		},
		{
			"name"		: "Katrina Yundt",
			"position"	: "Content Strategist",
			"photo"		: "team-photo-16.png",
			"socials"	: [
				{
					"icon"	: "ic-twitter-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-facebook-circle",
					"link"	: "#",
				},
				{
					"icon"	: "ic-linkedin-circle",
					"link"	: "#",
				},
			],
		},
	]
  } %}
Section Preview Team Variation 3