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 :
|
title
|
Text | Set title for News & Blogs section. |
links
|
Array Links Item
required |
Set list of Links Item. Example: "links" : [
|
cta
|
Text HTML | 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",
"title" : "Keep update with <br/>our amazing SaaS tools",
"items" : [
{
"containerClass" : "featured",
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-1.png",
"title" : "Custom Reports Can Go A Long Way For Your Business",
"description" : "Self-service data analytics software that lets you create visually appealing data visualizations and insightful dashboards in minutes.",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"name" : "by Lisa Bins",
},
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-2.png",
"title" : "Highnote Emerges from Stealth with $54 Million in Funding",
"tag" : "Features",
"meta" : "Oct 3 · 7 min read",
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-3.png",
"title" : "Custom reports you need to grow your small business",
"tag" : "Features",
"meta" : "Oct 3 · 7 min read",
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-4.png",
"title" : "SaaS customer development and no-code prototypes",
"tag" : "Features",
"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",
"title" : "Our latest blogs",
"items" : [
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-2.png",
"title" : "Unlocking Success: How to Choose the Right SaaS",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"photo" : "blog-news-author-1.png",
"name" : "Lisa Bins",
},
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-5.png",
"title" : "Unlocking Success: How to Choose the Right SaaS",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"photo" : "blog-news-author-1.png",
"name" : "Lisa Bins",
},
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-4.png",
"title" : "SaaS Pricing Models Demystified: Finding the...",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"photo" : "blog-news-author-2.png",
"name" : "Lisa Bins",
},
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-6.png",
"title" : "Scaling New Heights: How SaaS Enables Business...",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"photo" : "blog-news-author-1.png",
"name" : "Lisa Bins",
},
},
]
} %}
Section Preview
Starter Kit Codes
{# include sections/news-blogs #}
{% include "sections/news-blogs.twig", with {
"variation" : "news-blogs-variation-3",
"title" : "Our latest blogs",
"items" : [
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-7.png",
"title" : "SaaS Success Stories: Real-World Examples of ...",
"description" : "Self-service data analytics software that lets you create visually appealing...",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"name" : "by Lisa Bins",
},
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-8.png",
"title" : "SaaS Security Matters: Protecting Your Data in ...",
"description" : "Self-service data analytics software that lets you create visually appealing...",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"name" : "by Lisa Bins",
},
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-9.png",
"title" : "SaaS vs. Traditional Software: Which is the ...",
"description" : "Self-service data analytics software that lets you create visually appealing...",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"name" : "by Lisa Bins",
},
},
]
} %}
Section Preview
Starter Kit Codes
{# include sections/news-blogs #}
{% include "sections/news-blogs.twig", with {
"variation" : "news-blogs-variation-4",
"title" : "Our latest blogs",
"items" : [
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-1.png",
"title" : "Custom Reports Can Go A Long Way For Your Business",
"description" : "Self-service data analytics software that lets you create visually appealing data visualizations and insightful dashboards in minutes.",
"tag" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"name" : "by Lisa Bins",
},
},
{
"link" : "blog-details.html",
"illustration" : "blogs-news-illustration-9.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" : "Features",
"meta" : "Jun 12 · 6 min read",
"author" : {
"name" : "by Lisa Bins",
},
},
],
"cta" : "<a class=\"btn btn-lg btn-primary rounded-pill btn-icon\" href=\"#get-started\">More articles <i class=\"ic ic-chevron-right\"></i></a>"
} %}
Section Preview
Starter Kit Codes
{# include sections/news-blogs #}
{% include "sections/news-blogs.twig", with {
"variation" : "news-blogs-header",
"items" : [
{
"link" : "",
"illustration" : blogDetails.illustration,
"title" : blogTitle,
"tag" : blogDetails.meta.tag,
"meta" : blogDetails.meta.description,
"author" : blogDetails.author,
},
]
} %}
Section Preview