All the custom patterns we will use on the website and a long title

Icon Buttons

Cards

Typical Card Component

Featured

Mayor Announces Bridges to Business Vendor Certification

Some quick example text to build on the card title and make up the bulk of the card's content.

Register Your Business

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Clickable Cards (cards as links)

Jumbotron

Use for main banners at the top of pages

Coronavirus 2019

Find out what you should know.

Learn About COVID-19

Callout (well)

Call attention to a portion of content

Blockquote

Typical “quote” with optional citation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Steps

A numbered set of instructions, where a text area is attached to each step and could contain images. Should use ol for best screen reader support

1. Print out application
2. Gather support documents and scan them into system.
3. Be sure to follow these guides
   • Step one
   • Step Two
   • Step Three
4. Submit the application

Number Counter

a visually large number with a label (such as found on dashboards)

TimeLine

A way to display chronological events with optional details. Should be able to support text areas and an image or two, nothing crazy like a photo gallery.

Location

Parks or facility or any locations type data, typically with a visual and address that links to a detail page