City of Tampa Style Guide

Global 5

Footer 5.1

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

The website footer template

When to use: Some guidence on when to use.

When not to: Some guidence on when it is not the best choice.

Notes: Any futher info that is useful.

<insert-markup>global.footer-</insert-markup>

Example Markup

Source: src/scss/base/_footer.scss, line 1

Header 5.2

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

The website Header template

When to use: Some guidence on when to use.

When not to: Some guidence on when it is not the best choice.

Notes: Any futher info that is useful.

<insert-markup>global.header-</insert-markup>

Example Markup

Source: src/scss/base/_header.scss, line 26

Hero 5.3

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

The page Hero is typically a background photo area at the top of the page. You can add a .hero-bk-none to .hero-bk to disable a pages image.

When to use: Connect all pages with a hierarchical menu.

When not to: When you wan to link to files or external sites, consider in-page buttons.

Notes:

<insert-markup>global.hero-</insert-markup>
Source: src/scss/base/_page.scss, line 143