Section & Variations › How It Works

Available Parameters
Parameter Type Description
variation Text
required
Default : hiw-variation-1 		Set variation for Integrations section.
List of available variations :
  • hiw-variation-1
  • hiw-variation-2
title Text Set title for Client section.
items Array of HIW Item
required 		Set list of HIW item.
Example:
[
    {
        "step"           : "1",
        "title"          : "Step one",
        "description"    : "Create reports with an easy to use drag-and-drop designer.",
    }
]
Available Variations
Starter Kit Codes 
{# include sections/hiw  #}
{% include "sections/hiw.twig", with {
    	'variation'	: 'hiw-variation-1',
	'title'		: 'How it works',
	'items' : [
		{
			'step'			: '1',
			'title'			: 'Step one',
			'description'		: 'Create reports with an easy to use drag-and-drop designer.',
		},
		{
			'step'			: '2',
			'title'			: 'Step two',
			'description'		: 'Share/publish your reports with your colleagues.',
		},
		{
			'step'			: '3',
			'title'			: 'Step three',
			'description'		: 'Easily converse with your data using everyday language.',
		}
	]
  } %}
Section Preview How It Works - Variation 1
Starter Kit Codes 
{# include sections/hiw  #}
{% include "sections/hiw.twig", with {
    	'variation'	: 'hiw-variation-2',
	'title'		: 'How it works',
	'items' : [
		{
			'step'			: '1',
			'title'			: 'Step one',
			'description'		: 'Create reports with an easy to use drag-and-drop designer.',
		},
		{
			'step'			: '2',
			'title'			: 'Step two',
			'description'		: 'Share/publish your reports with your colleagues.',
		},
		{
			'step'			: '3',
			'title'			: 'Step three',
			'description'		: 'Easily converse with your data using everyday language.',
		},
		{
			'step'			: '4',
			'title'			: 'Step four',
			'description'		: 'Create reports with an easy to use drag-and-drop designer.',
		},
	]
  } %}
Section Preview How It Works - Variation 2