Section & Variations › Header About Us
Available Parameters
| Parameter | Type | Description |
|---|---|---|
variation
|
Text
required |
Set variation for Header section. List of available variations :
|
title
|
Text
required |
Set title for Header section. |
description
|
Text | Set description for Header section. |
image
|
Filename or Array of Filename for header-about-us-1
|
Set image for Header section. The value is name of image file in the src/assets/images/ folder. |
ctaType
|
Text
alllow : default, include
|
Set type of CTA parameter value. |
cta
|
Text HTML -- or -- Twig FileName for : "ctaType":"include"
|
Display CTA in header section. Example: "ctaType" : "include",
|
Available Variations
Starter Kit Codes
{# include sections/header-about #}
{% include "sections/header.twig", with {
"variation" : "header-about-us",
"title" : "About us",
"description" : "We are Whimsy, an awesome & powefull tools for your business, increase business revenue with enterprise-grade links built to acquire and engage cutomers. ",
"image" : [
"about-header-image-1.png",
"about-header-image-2.png",
"about-header-image-3.png",
"about-header-image-4.png",
]
} %}
Section Preview
Starter Kit Codes
{# include sections/header-about #}
{% include "sections/header.twig", with {
"variation" : "header-about-us-2",
"title" : "We are dedicated to delivering exceptional solutions",
"description" : "We are Whimsy, an awesome & powefull tools for your business, increase business revenue with enterprise-grade links built to acquire and engage cutomers. ",
"image" : "about-2-header-image.png"
} %}
Section Preview
Starter Kit Codes
{# include sections/header-about #}
{% include "sections/header.twig", with {
"variation" : "header-about-us-3",
"title" : "Welcome to Whimsy - <br/>Where Excellence Meets Innovation",
"description" : "An awesome tools for your business, increase business revenue with enterprise-grade links built to acquire and engage customers.",
"image" : "about-3-header-image.png",
"cta" : "<a class=\"btn btn-lg btn-white rounded-pill btn-icon\" href=\"#get-started\">Get Started <i class=\"ic ic-chevron-right dark\"></i></a>
<a class=\"btn btn-lg btn-outline-dark-1\" href=\"#get-demo\">Learn More</a>"
} %}
Section Preview