Choose from eight different templates to create a team section for your website.  
Each team container can include multiple members, and each member can have a profile picture, personal information, contact details, and social media links.  
Some templates are simpler and may not support all types of information, such as contact or social media details. Check the demo page to see which options are available for each template.

<div data-controller="easy-team">
	...
</div>

Start by defining the team controller, which acts as a container for all team members.

<div data-controller="easy-team">
	<div data-easy="member">
		<div data-easy="name">John Doe</div>
		<div data-easy="position">CEO</div>
		<div data-easy="desc">The description text</div>
		<div data-easy="img" src="pathToImg" alt="altText"></div>
	</div>
</div>

Each member must be placed inside the team controller, and the member’s data must be contained within the corresponding member element.

<div data-easy="contacts">
	<div data-easy="phone">987654321</div>
	<div data-easy="mail">hello@test.fantasy</div>
	<div data-easy="message">555555555</div>
	<div data-easy="web">https://test.fantasy</div>
	<div data-easy="sms" scheme="sms:" src="data:image/svg+xml;utf8,%3Csvg%20-SVG-DATA>123456789</div>
</div>
<div data-easy="socials">
	<div data-easy="facebook">link-to-facebook</div>
	<div data-easy="linkedin">link-to-linkedin</div>
	<div data-easy="Stackoverflow" src="data:image/svg+xml;utf8,%3Csvg%20-SVG-DATA>link-to-stackoverflow</div>
</div>

The contact and social blocks must also be placed inside the member element.  
Custom contacts or socials can be defined using custom elements with their own SVG logos.  

The keywords 'phone', 'mail', 'message', and 'web' for contacts, as well as 'facebook', 'linkedin', 'twitter', 'instagram', 'pinterest', 'xing', and 'github' for socials, are predefined. Easy automatically binds the correct logo and label for these keywords.  

Notice: When using a custom contact or social, use the proper notation in the data-easy attribute.  
Pay attention to the difference between a keyword such as 'facebook' and a custom name such as 'Stackoverflow'.  
For predefined keywords, Easy automatically capitalizes the first letter. For custom names, you need to capitalize it manually.