Hero section with background and content
Syntax
{{< hero-section-with-background-and-contentbutton-background-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-radius
="Top, right, bottom, left property in px,em,rem 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, 1em, 0.8rem, 100vh or 50%"button-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."button-text
="Any text"button-text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"content-align-horizontal
="Use left, center or right to align horizontally"content-align-vertical
="Use top, center or bottom to align vertically"content-background-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"content-bottom-length
="Any number"content-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"content-left-length
="Any number"content-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."content-right-length
="Any number"content-top-length
="Any number"content-width
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"heading
="Any text"heading-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"heading-text-line-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"heading-text-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"image
="Any valid image link"is-background-repeated
="true|false"is-open-in-new
="true|false"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."overlay-background-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"overlay-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"overlay-length-from-bottom
="Any number"overlay-length-from-left
="Any number"overlay-length-from-right
="Any number"overlay-length-from-top
="Any number"overlay-width
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"sub-heading
="Any text"sub-heading-background-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"sub-heading-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"sub-heading-text-line-height
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"sub-heading-text-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"text-align-horizontal
="Use left, center or right to align horizontally"text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"text-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."typing-delay-duration
="Any number"typing-pause-duration-before-repeat
="Any number"typing-text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"typing-text-content
="Any text" >}}
The actual message goes here
{{< /hero-section-with-background-and-content >}}