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
idPrefix Unique Text
required 		Set unique idPrefix for Features section.
items Array of Features Item
required 		Set list of Features item.
Example:
[
    {
        "icon"          : "ic-memory",
        "title"         : "Realtime analytics",
        "description"   : "Create reports with an easy.",
        "image" : "features-item-image-1-1.png"
    }
]
Available Variations
Starter Kit Codes 
{# include sections/features  #}
{% include "sections/features.twig", with {
    	"variation"	: "features-variation-1",
	"idPrefix"	: "homepage-1-features-1",
	"items"		: [
		{
			"title"		: "Realtime analytics",
			"description"	: "Create reports with an easy to use drag-and-drop designer.",
			"image"		: "features-item-image-1-1.png"
		},
		{
			"title"		: "Collaborate securely",
			"description"	: "Create reports with an easy to use drag-and-drop designer.",
			"image"		: "features-item-image-1-1.png"
		},
		{
			"title"		: "Easy and Intuitive",
			"description"	: "Create reports with an easy to use drag-and-drop designer.",
			"image"		: "features-item-image-1-1.png"
		}
	]
  } %}
Section Preview Features Variation 1
Starter Kit Codes 
{# include sections/features  #}
{% include "sections/features.twig", with {
    "variation"	: "features-variation-2",
	"idPrefix"	: "homepage-2-features-1",
	"tag"		: "Our Features",
	"title"		: "We make it effortlessly to track all user analytics",
	"items"	: [
		{
			"icon"		: "ic-memory",
			"title"		: "Powerful dashboard",
			"description"	: "Combine multiple reports into a single beautiful dashboard lorem ipsum a reprehenderit duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
			"image"		: "features-item-image-2-1.png"
		},
		{
			"icon"		: "ic-memory",
			"title"		: "Always in Sync",
			"description"	: "Combine multiple reports into a single beautiful dashboard lorem ipsum a reprehenderit duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
			"image"		: "features-item-image-2-1.png"
		},
		{
			"icon"		: "ic-memory",
			"title"		: "Embedded analytics",
			"description"	: "Combine multiple reports into a single beautiful dashboard lorem ipsum a reprehenderit duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
			"image"		: "features-item-image-2-1.png"
		},
		{
			"icon"		: "ic-memory",
			"title"		: "AI data predictions",
			"description"	: "Combine multiple reports into a single beautiful dashboard lorem ipsum a reprehenderit duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
			"image"		: "features-item-image-2-1.png"
		}
	]
  } %}
Section Preview Features Variation 2