Section & Variations › News & Blogs
Available Parameters
| Parameter | Type | Description |
|---|---|---|
variation
|
Text
required Default : news-blogs-variation-1
|
Selected variations for News & Blogs section. List of available variations :
|
tag
|
Text | Set tag value for News & Blogs section. |
title
|
Text | Set title for News & Blogs section. |
cta
|
Text HTML
Available for : news-blogs-variation-2
|
Display CTA in header section. |
items
|
Array of News & Blogs Item
required |
Set list of News & Blogs Item. Example: [
|
Available Variations
Starter Kit Codes
{# include sections/news-blogs #}
{% include "sections/news-blogs.twig", with {
"variation" : "news-blogs-variation-1",
"tag" : "News & Blogs",
"title" : "Articles on Growth & Marketing",
"cta" : "<a href=\"#\">See all articles <i class=\"ic ic-arrow-right\"></i></a>",
"items" : [
{
"containerClass" : "featured",
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-1.png",
"title" : "SaaS customer development and no-code prototypes",
"description" : "Self-service data analytics software that lets you create visually appealing data visualizations and insightful dashboards in minutes.",
"tag" : "Marketing",
"meta" : "Oct 3 · 7 min read"
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-2.png",
"title" : "Custom reports you need to grow your small business",
"description" : "Self-service data analytics software that lets you create visually appealing data visualizations and insightful dashboards in minutes.",
"tag" : "Business",
"meta" : "Oct 3 · 7 min read"
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-3.png",
"title" : "Highnote emerges from stealth with $54 million in funding",
"description" : "Self-service data analytics software that lets you create visually appealing data visualizations and insightful dashboards in minutes.",
"tag" : "Analytics",
"meta" : "Oct 3 · 7 min read"
}
]
} %}
Section Preview
Starter Kit Codes
{# include sections/news-blogs #}
{% include "sections/news-blogs.twig", with {
"variation" : "news-blogs-variation-2",
"tag" : "News & Blogs",
"title" : "Articles on Growth & Marketing",
"cta" : "<a class=\"btn btn-primary btn-icon\" href=\"#\">More articles <i class="ic ic-chevron-right"></i></a>",
"items" : [
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-3.png",
"title" : "Custom reports can go a long way for your business",
"tag" : "Marketing",
"meta" : "Oct 3 · 7 min read"
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-4.png",
"title" : "SaaS Pricing Models Demystified: Finding the Best Fit for Your Business",
"tag" : "Business",
"meta" : "Oct 3 · 7 min read"
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-1.png",
"title" : "Custom reports you need to grow your small business",
"tag" : "Business",
"meta" : "Oct 3 · 7 min read"
}
]
} %}
Section Preview
Starter Kit Codes
{# include sections/news-blogs #}
{% include "sections/news-blogs.twig", with {
"variation" : "news-blogs-variation-3",
"tag" : "News & Blogs",
"title" : "News & Updates",
"cta" : "<a class=\"btn btn-primary btn-icon\" href=\"#\">More articles <i class="ic ic-chevron-right"></i></a>",
"items" : [
{
"containerClass" : "featured",
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-1.png",
"title" : "SaaS customer development and no-code prototypes",
"description" : "Self-service data analytics software that lets you create visually appealing data visualizations and insightful dashboards in minutes.",
"tag" : "Marketing",
"meta" : "Oct 3 · 7 min read"
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-5.png",
"title" : "Highnote emerges from stealth with $54 million in funding",
"tag" : "Analytics",
"meta" : "Oct 3 · 7 min read"
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-4.png",
"title" : "SaaS pricing models demystified: finding the Best Fit for Your Business",
"tag" : "Business",
"meta" : "Oct 3 · 7 min read"
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-2.png",
"title" : "Custom reports you need to grow your small business",
"tag" : "Business",
"meta" : "Oct 3 · 7 min read"
}
]
} %}
Section Preview
Starter Kit Codes
{# include sections/news-blogs #}
{% include "sections/news-blogs.twig", with {
"variation" : "news-blogs-variation-4",
"tag" : false,
"title" : "Our latest blogs",
"cta" : "<a href=\"#\">More articles <i class=\"ic ic-arrow-right\"></i></a>",
"items" : [
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-1.png",
"title" : "SaaS customer development and no-code prototypes",
"tag" : "Marketing",
"meta" : "Oct 3 · 7 min read"
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-2.png",
"title" : "Custom reports you need to grow your small business",
"tag" : "Business",
"meta" : "Oct 3 · 7 min read"
}
]
} %}
Section Preview