Resize your browser to view breakpoint behavior. Examples below will now be using the Text Overlay or Media Split component, using "Top of Page" option.
HERO 50/50 (with background image) done in Text Overlay
Eyebrow, Suggested 30 characters
Headline, suggested 60 characters
Teaser, suggested 180 characters. Note that the CTA from this first Hero will automatically populate into the Secondary Navigation when the user scrolls below the first Hero. Scroll down to see the behavior.
HERO 60/40 (with background image) done in Text Overlay
Eyebrow, Suggested 30 characters
Headline, suggested 60 characters
Teaser, suggested 180 characters. Note that the CTA from this first Hero will automatically populate into the Secondary Navigation when the user scrolls below the first Hero. Scroll down to see the behavior.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
HERO CENTER (done in Text Overlay - Fluid)
Sed ut perspiciatis unde omnis iste natus
Text Overlay - Fluid
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
HERO 60/40 (with spot image) - done in Media Split
Eyebrow, Suggested 30 characters
Headline, suggested 60 characters
Teaser, suggested 180 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque conque lectus risus, at eleifend velit feugiat sit amet. Donec luctus elit.
