Hero Section 1
Syntax
{{< hero-section-1-containerbackground-image
="Any valid image link"content-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"heading
="Any text"heading-body-background-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"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, 1em, 0.8rem, 100vh or 50%"heading-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"heading-width
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"is-bold-sub-heading
="true|false"is-flipped
="true|false"is-full-width
="true|false"is-open-in-new
="true|false"item-body-background-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"link
="Any valid http link"margin
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."padding
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."path
="Relative path to any content in your website"sub-heading
="Any text"sub-heading-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"sub-heading-line-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"sub-heading-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"underline-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"underline-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"underline-width
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%" >}}
{{< hero-section-1-itemcounting-speed-in-ms
="Any number"is-open-in-new
="true|false"is-stretch-evenly
="true|false"item-number
="Any number"item-suffix-line-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"item-suffix-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"item-suffix-text
="Any text"item-text
="Any text"item-text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"item-text-line-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"item-text-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"link
="Any valid http link"text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}
{{< /hero-section-1-container >}}
Samples
TAKE YOUR MESSAGE TO MILLION