Default Template, aka, Page

A one-column page used for many pages that don't require strictly templated content, but has an open body for some customization.

Resize window to see mobile.

page screenshot
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5

  1. Section Header

    Wrap header with <header class="section-header">. Define section further with <h3> and <a id="x">, where x = section header id; color is from section header class. On scroll on desktop and tablet, JavaScript will affix header to top (with Menu and Search). (See scripts.js.)

  2. Main body

    Below the section header, wrap the content with <div id="outer-content" class="wrap cf"> and with an inner wrapper <div id="inner-content">.

  3. Column

    Create column for content: <article role="article" class="m-all t-10of12 d-10of12 t-o-1of12 d-o-1of12">.

  4. Related

    Use a <div> with .related-in-this-section class to add related information. Use <h4> for this section's headers.

  5. Other components

    The template body is an open container with additional pre-templated, optional components, including hero image and text. Set the headcrumb, if needed, by connecting to parent page.

    Default template may be used for custom pages that may require special components, data charts, and multimedia support, such as the Economic Simulation Game.