Heading Examples

While there are multiple heading options on cityoftacoma.org, we only use Heading 3 (main headline) and Heading 4 (smaller, sub-headline). For more information, visit the Headings style guide page.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra felis quis dictum rutrum. Sed malesuada malesuada pellentesque. Integer a lorem in sem fringilla consectetur. Fusce nisl risus, lobortis at ex vitae, consectetur elementum nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque non dui turpis. Nullam ligula sem, mattis cursus ornare vel, placerat vel tellus. Etiam vitae tempor purus. Aenean ullamcorper mattis massa sit amet fermentum. Vestibulum commodo commodo dolor congue aliquet. Sed sodales posuere odio, vel elementum massa dapibus ut. In nec risus venenatis, imperdiet tellus a, posuere quam. Vestibulum vestibulum aliquam mollis.

In ac tempor nisi. Donec finibus finibus lacinia. Phasellus et eros eu nulla auctor malesuada. Suspendisse nunc turpis, pharetra ut elementum eu, efficitur rhoncus justo. Ut viverra rhoncus massa ac scelerisque. Donec hendrerit sem leo, id convallis lorem sodales sed. Maecenas id laoreet nisl, eu cursus ex. Cras ornare augue faucibus, viverra ante sodales, pretium dolor. Donec eleifend justo eros.

Lists

Ordered

1. Item 1
2. Item 2
3. Item 3

Bulleted

• Item 1
• Item 2
• Item 3

Links

Link

Large Button

Two Column Buttons

Button Grid

Accordion

Tables

Quotes and Testimonials

Left-Aligned

Phasellus et eros eu nulla auctor malesuada. Suspendisse nunc turpis, pharetra ut elementum eu, efficitur rhoncus justo. Ut viverra rhoncus massa ac scelerisque. Donec hendrerit sem leo, id convallis lorem sodales sed. Maecenas id laoreet nisl, eu cursus ex. Cras ornare augue faucibus, viverra ante sodales, pretium dolor. Donec eleifend justo eros.

Right-Aligned

Phasellus et eros eu nulla auctor malesuada. Suspendisse nunc turpis, pharetra ut elementum eu, efficitur rhoncus justo. Ut viverra rhoncus massa ac scelerisque. Donec hendrerit sem leo, id convallis lorem sodales sed. Maecenas id laoreet nisl, eu cursus ex. Cras ornare augue faucibus, viverra ante sodales, pretium dolor. Donec eleifend justo eros.

Center-Aligned

Phasellus et eros eu nulla auctor malesuada. Suspendisse nunc turpis, pharetra ut elementum eu, efficitur rhoncus justo. Ut viverra rhoncus massa ac scelerisque. Donec hendrerit sem leo, id convallis lorem sodales sed. Maecenas id laoreet nisl, eu cursus ex. Cras ornare augue faucibus, viverra ante sodales, pretium dolor. Donec eleifend justo eros.

Alerts 

Green Alert

Red Alert

Information and Stat Boxes

Left-Aligned

In ac tempor nisi. Donec finibus finibus lacinia. Phasellus et eros eu nulla auctor malesuada. Suspendisse nunc turpis, pharetra ut elementum eu, efficitur rhoncus justo. Ut viverra rhoncus massa ac scelerisque. Donec hendrerit sem leo, id convallis lorem sodales sed. Maecenas id laoreet nisl, eu cursus ex. Cras ornare augue faucibus, viverra ante sodales, pretium dolor. Donec eleifend justo eros.

Right-Aligned

In ac tempor nisi. Donec finibus finibus lacinia. Phasellus et eros eu nulla auctor malesuada. Suspendisse nunc turpis, pharetra ut elementum eu, efficitur rhoncus justo. Ut viverra rhoncus massa ac scelerisque. Donec hendrerit sem leo, id convallis lorem sodales sed. Maecenas id laoreet nisl, eu cursus ex. Cras ornare augue faucibus, viverra ante sodales, pretium dolor. Donec eleifend justo eros.

Center-Aligned

In ac tempor nisi. Donec finibus finibus lacinia. Phasellus et eros eu nulla auctor malesuada. Suspendisse nunc turpis, pharetra ut elementum eu, efficitur rhoncus justo. Ut viverra rhoncus massa ac scelerisque. Donec hendrerit sem leo, id convallis lorem sodales sed. Maecenas id laoreet nisl, eu cursus ex. Cras ornare augue faucibus, viverra ante sodales, pretium dolor. Donec eleifend justo eros.

Right-Aligned Stat

In ac tempor nisi. Donec finibus finibus lacinia. Phasellus et eros eu nulla auctor malesuada. Suspendisse nunc turpis, pharetra ut elementum eu, efficitur rhoncus justo. Ut viverra rhoncus massa ac scelerisque. Donec hendrerit sem leo, id convallis lorem sodales sed. Maecenas id laoreet nisl, eu cursus ex. Cras ornare augue faucibus, viverra ante sodales, pretium dolor. Donec eleifend justo eros.