Hero section with heading, title, and running counter
A hero section that contains two sections. The section on the left is heading and the right contains content. There is another heading with an option to add multiple counters easily.
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 background or gradient"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%"heading-width="Any valid number with unit like 10px, 100vw, 10rem 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 background or gradient"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."path="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, 10rem or 50%"sub-heading-size="Any valid number with unit like 10px, 10rem 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, 100vh, 10rem or 50%"underline-width="Any valid number with unit like 10px, 100vw, 10rem 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, 10rem or 50%"item-suffix-size="Any valid number with unit like 10px, 10rem 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, 10rem or 50%"item-text-size="Any valid number with unit like 10px, 10rem or 50%"link="Any valid http link"text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}
The actual message goes here
{{< /hero-section-1-item >}}
{{< /hero-section-1-container >}}
Some exciting facts about us...