Section & Variations › CTA
Available Parameters
| Parameter | Type | Description |
|---|---|---|
variation
|
Text
required Default : cta-variation-1
|
Selected variations for CTA section. List of available variations :
|
title
|
Text
required |
Set title for CTA section. |
description
|
Text
required |
Set description for CTA section |
ctaType
|
Text
alllow : default, include
Available for : cta-variation-4
|
Set type of CTA parameter value. |
cta
|
Text HTML -- or -- Twig FileName for : "ctaType":"include"
|
Display CTA button of form in CTA section. Example: "ctaType" : "default",Example: "ctaType" : "include",
|
image
|
Text Filename | Set image for CTA section. The Value is name of image file in the src/assets/images/ folder. |
Available Variations
Starter Kit Codes
{# include sections/cta #}
{% include "sections/cta.twig", with {
"variation" : "cta-variation-1",
"title" : "Transform your business with powerful SaaS solutions",
"description" : "Our flexible architecture ensures smooth interoperability, enabling you to maximize productivity without disruption."
} %}
Section Preview
Starter Kit Codes
{# include sections/cta #}
{% include "sections/cta.twig", with {
"variation" : "cta-variation-2",
"title" : "Get started with Chroma today",
"description" : "Join 13k+ teams who have streamlined the way they manage projects and collaborate remotely.",
"cta" : "<a class=\"btn btn-secondary\" href=\"#pricing\">Get Started - It’s free</a>
<a class=\"btn btn-light\" href=\"#pricing\">Download Desktop App</a>"
} %}
Section Preview
Starter Kit Codes
{# include sections/cta #}
{% include "sections/cta.twig", with {
"variation" : "cta-variation-3",
"title" : "Get started with Chroma today",
"description" : "An awesome tools for your business, increase business revenue with enterprise-grade links built to acquire and engage customers.",
"cta" : "<a class=\"btn btn-primary btn-icon\" href=\"#get-started\">Get started <i class=\"ic ic-chevron-right\"></i></a>
<a class=\"btn btn-light\" href=\"#get-demo\">Get a demo</a>",
"image" : "homepage-3-cta-image.png"
} %}
Section Preview
Starter Kit Codes
{# include sections/cta #}
{% include "sections/cta.twig", with {
"variation" : "cta-variation-4",
"title" : "Experience unparalleled flexibility with our SaaS product",
"description" : "We've answered the most frequent of those frequent questions below.",
"ctaType" : "include",
"cta" : "partials/form-get-started.twig"
} %}
Section Preview