Section Heading 1

Show details...

Syntax

{{< section-heading-1
heading-left="Any text"
heading-left-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
heading-left-line-height="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
heading-left-size="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
heading-right-bottom="Any text"
heading-right-bottom-align-horizontal="Use left, center or right to align horizontally"
heading-right-bottom-align-vertical="Use top, center or bottom to align vertically"
heading-right-bottom-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
heading-right-bottom-line-height="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
heading-right-bottom-size="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
heading-right-top="Any text"
heading-right-top-align-horizontal="Use left, center or right to align horizontally"
heading-right-top-align-vertical="Use top, center or bottom to align vertically"
heading-right-top-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
heading-right-top-line-height="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
heading-right-top-size="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
image-left="Any valid image link"
image-right-bottom="Any valid image link"
image-right-top="Any valid image link"
is-left-section-flipped="true|false"
is-open-in-new="true|false"
left-content-percentage="Any number"
left-top-size="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
link-1="Any valid http link"
link-2="Any valid http link"
link-3="Any valid http link"
overlay-left-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
overlay-right-bottom-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
overlay-right-top-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
right-top-content-percentage="Any number"
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, 1em, 0.8rem, 100vh or 50%"
text-size="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%" >}}

The actual message goes here

{{< /section-heading-1 >}}

Samples