Section & Variations › Features

Available Parameters
Parameter Type Description
variation Text
required
Default : features-variation-1 		Set variation for Features section.
List of available variations :
  • features-variation-1
  • features-variation-2
  • features-variation-3
tag Text Set tag value for Features section.
title Text Set title for Features section.
description Text Set description for Features section.
items Array of Features Item
required 		Set list of Features item.
Example:
[
    {
        'title'          : 'Marketing Automation',
        'description'    : 'Market like the most successful companies in the world with lorem.',

        'image'          : 'features-item-image-1-1.png',
    }
]
Available Variations
Starter Kit Codes 
{# include sections/features  #}
{% include "sections/features.twig", with {
    	'variation'	: 'features-variation-1',

	'tag'		: 'Features',
	'title'		: 'Experience the future of SaaS <br/>tools with Vanguard',

	'items' : [
		{
			'title'		: 'Marketing Automation',
			'description'	: 'Market like the most successful companies in the world with lorem.',

			'image'		: 'features-item-image-1-1.png',
		},
		{
			'title'		: 'Realtime analytics',
			'description'	: 'Reports with your colleagues lorem ipsum dolor sit amet lor analytics.',

			'image'		: 'features-item-image-1-2.png',
		},
		{
			'title'		: 'Collaboration tools',
			'description'	: 'Share/publish your reports with your colleagues lorem ipum dolor sit amet.',

			'image'		: 'features-item-image-1-3.png',
		},
	]
  } %}
Section Preview Features Variation 1
Starter Kit Codes 
{# include sections/features  #}
{% include "sections/features.twig", with {
    	'variation'	: 'features-variation-2',

	'tag'		: 'Features',
	'title'		: 'Experience the future of SaaS <br/>tools with Vanguard',

	'description'	: 'Real-time tracking of budgets across all spend, with approval and accounting tools tailored to your business and spend-specific flows.',

	'items' : [
		{
			'title'		: 'Marketing Automation',
			'description'	: 'Market like the most successful companies in the world with lorem.',

			'image'		: 'features-item-image-2-1.png',
		},
		{
			'title'		: 'Realtime analytics',
			'description'	: 'Reports with your colleagues lorem ipsum dolor sit amet lor analytics.',

			'image'		: 'features-item-image-2-2.png',
		},
	]
  } %}
Section Preview Features Variation 2
Starter Kit Codes 
{# include sections/features  #}
{% include "sections/features.twig", with {
    	'variation'	: 'features-variation-3',

	'tag'		: 'Features',
	'title'		: 'Experience the future of SaaS <br/>tools with Vanguard',

	'items' : [
		{
			'title'		: 'Marketing Automation',
			'description'	: 'Market like the most successful companies in the world with lorem.',

			'icon'		: 'ic-chart-line-up-secondary.svg',
		},
		{
			'title'		: 'Realtime analytics',
			'description'	: 'Reports with your colleagues lorem ipsum dolor sit amet lor analytics.',

			'icon'		: 'ic-share-network-secondary.svg',
		},
		{
			'title'		: 'Collaboration tools',
			'description'	: 'Share/publish your reports with your colleagues lorem ipum dolor sit amet.',

			'icon'		: 'ic-users-secondary.svg',
		},
		{
			'title'		: 'Automated reports',
			'description'	: 'Easily converse with your data using everyday language.',

			'icon'		: 'ic-projector-screen-secondary.svg',
		},
	]
  } %}
Section Preview Features Variation 3
Starter Kit Codes 
{# include sections/features  #}
{% include "sections/features.twig", with {
    	'variation'	: 'features-variation-4',

	'tag'		: 'Features',
	'title'		: 'Experience the future of SaaS <br/>tools with Vanguard',

	'items' : [
		{
			'title'		: 'Marketing Automation',
			'description'	: 'Market like the most successful companies in the world with lorem.',

			'image'		: 'features-item-image-4-1.png',
		},
		{
			'title'		: 'Realtime analytics',
			'description'	: 'Reports with your colleagues lorem ipsum dolor sit amet lor analytics.',

			'image'		: 'features-item-image-4-2.png',
		},
		{
			'title'		: 'Collaboration tools',
			'description'	: 'Share/publish your reports with your colleagues lorem ipum dolor sit amet.',

			'image'		: 'features-item-image-4-3.png',
		},
	]
  } %}
Section Preview Features Variation 4