Caution | State of local emergency declared

Get Coronavirus (COVID-19) updates and information on closures, cancellations and service changes.

Coronavirus (COVID-19) updates View our closures and service changes

Grid banner

Default title one

Placeholder for default title one

Default button

Placeholder for default two

Placeholder for default three

Find out how

Grid banner overview

The grid banner is the implementation of the pattern library component by the same name.


The grid essentially consists of 3 content containers only, which link to static images or videos. All 3 containers need to be present in order for the grid banner to present properly. Multiple instances of a banner can be present on a page.


This banner has several configuration options available:

  • Overlay Color 
    • Light
    • Dark
  • Call to Action 
    • Button Link 
    • Play Video