Menu
Open source
Last reviewed: August 22, 2024

Section page

Section pages, also called landing pages, direct users to the most valuable resources contained within the section.

Section structure

A section page includes the following elements:

  • Hero: A banner across the top of the page that includes the section title and a brief description.
  • Overview: A heading and one or two paragraphs that describe the resources contained within the section.
  • Explore: A heading that contains cards.
    • Cards: Defined in the front matter, cards provide overviews of important pages and include links to those pages.

Write a section page

To write a section, follow these steps:

  1. Determine where you want to add the section, or find an existing section page to update.

  2. If you’re creating a new section, create a directory that follows this naming convention:

    • The directory name matches the menu title planned for the section.
    • Use lowercase letters.
    • Add a hyphen between words.
  3. Create an _index.md file within the section directory.

  4. Add the usual front matter to the index file.

    For more information about front matter, refer to Front matter.

  5. Add the elements specific to a section page:

    • Hero: A hero (simple) requires front matter and use of a shortcode.
    • Cards: A card grid requires front matter and use of a shortcode.

Section page examples

Refer to the following pages for section page examples:

Section template

When you’re ready to write, make a copy of the Section template and add your content.