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"		 : "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-1.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-2.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-3.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-4.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-5.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-6.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-7.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-8.png",
			"socials"	 : [
				{
					"icon"	 : "ic-twitter-circle",
					"link"	 : "#"
				},
				{
					"icon"	 : "ic-facebook-circle",
					"link"	 : "#"
				},
				{
					"icon"	 : "ic-linkedin-circle",
					"link"	 : "#"
				}
			]
		}
	]
  } %}
Section Preview Team Variation 1
Starter Kit Codes 
{# include sections/team  #}
{% include "sections/team.twig", with {
    	"variation"	 : "team-variation-2",
	"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"		 : "Lora Mason",
			"position"	 : "Product Designer",
			"photo"		 : "team-photo-5.png"
		},
		{
			"name"		 : "Lucinda Harmon",
			"position"	 : "Director of Finance",
			"photo"		 : "team-photo-6.png"
		},
		{
			"name"		 : "Calvin Patrick",
			"position"	 : "Content Director",
			"photo"		 : "team-photo-7.png"
		},
		{
			"name"		 : "Katrina Yundt",
			"position"	 : "Content Strategist",
			"photo"		 : "team-photo-8.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 awesome 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"		 : "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"	 : "#"
				}
			]
		},
		{
			"name"		 : "Courtney Henry",
			"position"	 : "UI/ UX Designer",
			"photo"		 : "team-photo-10.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-linkedin-circle",
					"link"	 : "#"
				}
			]
		},
		{
			"name"		 : "Jane Cooper",
			"position"	 : "Content Strategist",
			"photo"		 : "team-photo-11.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"	 : "#"
				}
			]
		},
		{
			"name"		 : "Marvin McKinney",
			"position"	 : "Founder & CEO",
			"photo"		 : "team-photo-12.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"	 : "#"
				}
			]
		},
		{
			"name"		 : "Courtney Henry",
			"position"	 : "Chief Product Officer",
			"photo"		 : "team-photo-13.png",
			"description"	 : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
			"socials"	 : [
				{
					"icon"	 : "ic-facebook-circle",
					"link"	 : "#"
				},
				{
					"icon"	 : "ic-linkedin-circle",
					"link"	 : "#"
				}
			]
		},
		{
			"name"		 : "Theresa Webb",
			"position"	 : "Director of Engineering",
			"photo"		 : "team-photo-14.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-linkedin-circle",
					"link"	 : "#"
				}
			]
		}
	]
  } %}
Section Preview Team Variation 3
Starter Kit Codes 
{# include sections/team  #}
{% include "sections/team.twig", with {
    	"variation"	 : "team-variation-4",
	"tag"		 : "Our Team",
	"title"		 : "Meet the squad",
	"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-15.png",
			"description"	 : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate lacinia urna, ut auctor nisl egestas vel."
		},
		{
			"name"		 : "Frank Chavez",
			"position"	 : "Content Strategist",
			"photo"		 : "team-photo-16.png",
			"description"	 : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate lacinia urna, ut auctor nisl egestas vel."
		},
		{
			"name"		 : "Lucinda Harmon",
			"position"	 : "Director of Finance",
			"photo"		 : "team-photo-17.png",
			"description"	 : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate lacinia urna, ut auctor nisl egestas vel."
		},
		{
			"name"		 : "Calvin Patrick",
			"position"	 : "Content Director",
			"photo"		 : "team-photo-18.png",
			"description"	 : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate lacinia urna, ut auctor nisl egestas vel."
		},
		{
			"name"		 : "Devin Bishop",
			"position"	 : "Chief Product Officer",
			"photo"		 : "team-photo-19.png",
			"description"	 : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate lacinia urna, ut auctor nisl egestas vel."
		},
		{
			"name"		 : "Hester Anderson",
			"position"	 : "Director of Engineering",
			"photo"		 : "team-photo-20.png",
			"description"	 : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vulputate lacinia urna, ut auctor nisl egestas vel."
		}
	]
  } %}
Section Preview Team Variation 4