Hero

The hero component is a large banner, typically at the top of the page. It contains an image and a callout box, with a link for more information.

Component options

  • Right align callout (default is left align)
  • Button text is customizable

Crop hero images to 2,000 x 800 pixels and save as JPG at 50% image quality. When selecting a hero image, be mindful that the hero callout box will overlay either the left or right side of the image.

NOTE: The hero component is available only for the landing page content type.

Hero with left-aligned callout (default)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at sodales elit.

Hero with right-aligned callout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at sodales elit.

This page last reviewed on