global header

breadcrumb

page title

 

page sub title here

page content

related content

related content

Styleguide notes


Sub section page with left navigation


Usage

This variant is typically used for a standard subsection page with left-hand navigation and right-hand column for secondary content. For more detail about how the local navigation behaves on subsection pages, see Local navigation.

Also shown here is the local footer container.


Interaction

N/a


CSS and media queries

Separate desktop and mobile views are created by using a 767px max-width media query to present a different structure.


Use of Javascript

N/a


Component variants

N/a