Single News Release Template

A one-column page used for Fed news releases.

Resize window to see mobile.

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

  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. Headcrumb

    Display the headcrumb nav with a <header class="section-header"> wrapper. Style the link text with h4 and link back to parent page.

  3. Title and date

    Use <h1> for title; <p class="meta date"> for date.

  4. Social icons

    Arrange in the order seen here, link to appropriate social media, then enclose in a <div id="share-links">.

  5. Image

    Wrap image with <div class="frbsf_widget_cta">. Size thumbnail 200 x 287 and link to full-sized image if available.

  6. Contact

    Place contact name with mailto link, affiliation, and phone number.

  7. Boilerplate

    Draw a <hr>, then use <p class="note"> and <em> for required boilerplate.