Section & Variations › Features
Available Parameters
| Parameter | Type | Description |
|---|---|---|
variation
|
Text
required Default : features-variation-1
|
Set variation for Features section. List of available variations :
|
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: [
|
Available Variations
Starter Kit Codes
{# include sections/features #}
{% include "sections/features.twig", with {
"variation" : "features-variation-1",
"title" : "Product features",
"description" : "Discover how our amazing features can help you",
"items" : [
{
"icon" : "features-item-icon-1-1.svg",
"title" : "Realtime analytics",
"description" : "Create reports with an easy to use drag-and-drop designer.",
"cta" : "<a class=\"btn btn-md btn-white\" href=\"#learn-more\">Learn more</a>",
"image" : "features-item-image-1-1.svg",
},
{
"icon" : "features-item-icon-1-2.svg",
"title" : "Collaborate securely",
"description" : "Share/publish your reports with your colleagues.",
"cta" : "<a class=\"btn btn-white\" href=\"#learn-more\">Learn more</a>",
"image" : "features-item-image-1-2.svg",
},
{
"icon" : "features-item-icon-1-3.svg",
"title" : "Easy and Intuitive",
"description" : "Get a powerful analytics tool in your own brand name.",
"cta" : "<a class=\"btn btn-white\" href=\"#learn-more\">Learn more</a>",
"image" : "features-item-image-1-3.svg",
},
]
} %}
Section Preview
Starter Kit Codes
{# include sections/features #}
{% include "sections/features.twig", with {
"variation" : "features-variation-2",
"title" : "Product features",
"description" : "Discover how our amazing features can help you",
"items" : [
{
"icon" : "features-item-icon-1-1.svg",
"title" : "Realtime analytics",
"description" : "Create reports with an easy to use drag-and-drop designer.",
"cta" : "<a class=\"btn btn-md btn-white\" href=\"#learn-more\">Learn more</a>",
"image" : "features-item-image-1-1.svg",
},
{
"icon" : "features-item-icon-1-2.svg",
"title" : "Collaborate securely",
"description" : "Share/publish your reports with your colleagues.",
"cta" : "<a class=\"btn btn-white\" href=\"#learn-more\">Learn more</a>",
"image" : "features-item-image-1-2.svg",
},
{
"icon" : "features-item-icon-1-3.svg",
"title" : "Easy and Intuitive",
"description" : "Get a powerful analytics tool in your own brand name.",
"cta" : "<a class=\"btn btn-white\" href=\"#learn-more\">Learn more</a>",
"image" : "features-item-image-1-3.svg",
},
]
} %}
Section Preview