Hero Section Featuring a Stylish Background Shape
A visually striking hero section designed with a modern and stylish background shape to captivate attention.
Syntax
{{< hero-section-with-background-and-content-3background-color="any background or gradient"border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-background-color="any background or gradient"button-background-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-border-width="Any valid number with unit like 10px or 10rem"button-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-text="Any text"button-text-hover-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"heading="Any text"heading-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"heading-line-height="Any valid number with unit like 10px, 10rem or 50%"heading-size="Any valid number with unit like 10px, 10rem or 50%"height="Any valid number with unit like 10px, 100vh, 10rem or 50%"image="Any valid image link"is-full-width="true|false"is-open-in-new="true|false"link="Any valid http link"margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"text-line-height="Any valid number with unit like 10px, 10rem or 50%"text-size="Any valid number with unit like 10px, 10rem or 50%" >}}
The actual message goes here
{{< /hero-section-with-background-and-content-3 >}}
Default Sample
AWESOME TEMPLATE
A versatile and creatively designed template perfect for showcasing ideas with style and impact. It offers a sleek layout, customizable features, and vibrant visuals to suit any project needs.
