Hero Page Block
Used as the first block on a page, features basic content, images or videos.
This is an empty section to preserve margin space settings on blocks with same background.
Optional Pretitle
H1 – Large Hero w/ Background Image
**This block will need to have a gradient or overlay added to section of image that will appear behind the text to meet WCAG Accessibility Guidelines**
This variation is ideal for interior pages and can supports have a background image or solid color with an overlay, keep what you need and remove what you don’t to meet your content needs.
This is an empty section to preserve margin space settings on blocks with same background.
Optional Pretitle
H1 – Large Hero w/ Centered Text & Background Image
**This block will need to have a gradient or overlay added to section of image that will appear behind the text to meet WCAG Accessibility Guidelines**
This variation is ideal for interior pages and can supports have a background image or solid color with an overlay, keep what you need and remove what you don’t to meet your content needs.
This is an empty section to preserve margin space settings on blocks with same background.
H1 – Simple Interior Hero w/ Background Imagery
**This block will need to have a gradient or overlay added to section of image that will appear behind the text to meet WCAG Accessibility Guidelines**
This variation is ideal for interior pages and can supports have a background image or solid color with an overlay, keep what you need and remove what you don’t to meet your content needs.
This is an empty section to preserve margin space settings on blocks with same background.
H1 – Large Hero w/ Image
This variation is ideal for the home page and can support having an image or no image, keep what you need and remove what you don’t to meet your content needs.
This is an empty section to preserve margin space settings on blocks with same background.
H1 – Simple Interior Hero w/ Image
This variation is ideal for interior pages and can support having an image or no image, keep what you need and remove what you don’t to meet your content needs.
This is an empty section to preserve margin space settings on blocks with same background.
H1 – Optional Pre-Title
H2 – Large Home Hero w/ Background Video
**This block will need to have a gradient or overlay added to section of image that will appear behind the text to meet WCAG Accessibility Guidelines**
This variation is ideal for the home page and can supports a background video using MP4, Youtube or Vimeo with a pause button for accessibility. Video will fallback to an image on mobile and does not support audio.
This is an empty section to preserve margin space settings on blocks with same background.