Page Sections

The sections that make up a page on stlouis-mo.gov

Header

All pages on stlouis-mo.gov and sites using our template share the same header. 

Template header picture

The header consists of: 

  • A 'logo' linking back to the stlouis-mo.gov root.
  • Navigation links (services, government, news).
  • A search box with a button.

 

Breadcrumbs

Breadcrumbs are used for files deeper than the website root. We show the folder structure path but not the current page name.

Template breadcrumbs picture

Content Area

The content area has an optional left navigation, and is where the page's content goes. 

Template content area picture

Each page should use one <h1> tag for the page title with a page description underneath.

Footer

All pages on stlouis-mo.gov and sites using our template share the same footer. 

Template footer picture

More Layout

Grid System
How our rows and columns work

Website Layout
Containers, grid system, basic page elements

Was this page helpful?      



Comments are helpful!
500 character limit

Feedback is anonymous.