Hero container

The hero container is a layout container used for adding a hero to the page. The hero can be a Teaser, an Image, or a Carousel component.


Usage guidelines

The hero container exists on the following templates:

  • EWP Global Site Content Page Template
  • HomePage Template
  • Left Nav Template
  • Right Nav Template
  • Left and Right Nav Template
  • Interstitial Template (only image can be added here)

Styles can be applied to the hero container as well as its nested components.


Background color container

The full color container is the default selection when choosing a color. Use only for a Teaser hero or Image.

Do not use for a Carousel.


Top bottom split

The top bottom split treatment allows the container height to be split into halves with the top half inheriting the background color and the bottom half remaining transparent. This creates an overlapping effect. Use for Teaser hero, an Image, or a Carousel.