Information

Get updates on changes to City services and closures.

View COVID-19 info and support

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.

Objective

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.

Configuration

This banner has several configuration options available:

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