Single Speech Template

A one-column page used for Fed leadership speeches.

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. Speech title

    Use <h1>.

  4. Social icons

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

  5. Speech information

    Wrap info with <p class="speech-info">

  6. PDF download

    Include a PDF version of the speech, which is automatically pulled and displayed by the template when PDF is uploaded to page. Indicate PDF file size.

  7. End Notes and References

    Use <p> <strong> for end notes and references sub-heading. Separate end notes with a <p>. Ensure anchors link back to original footnote within the body.