Hero Component

This component should be placed directly onto the page rather than in a placeholder in order to display full-bleed (edge to edge).

Select one of these style options to set the height:

  • Height - Tall
  • Height - Medium
  • Height - Short

Select one of these style options to align the content vertically:

  • Align - Top
  • Align - Middle
  • Align - Bottom

Select one of these style options to align content horizontally:

  • Align Content Left
  • Align Content Center
  • Align Content Right

By default there is a gradient overlay applied over the image that matches the positioning of the text (used to make text more legible over images)

To remove the gradient overlay select:

  • No Gradient

Driving Quality

Now Standard Electronic Stability Control-Collision Mitigation


Use of Cookies and Privacy Policy Update

Cookies are used on this site to assist in continually improving the user experience and all the interaction data we store of our visitors is anonymous.

Learn more about your rights on our Privacy Policy page.