Donate now

Tell us what you're looking for

Section landing page

Gives an overview of the section, allows navigation to child pages, and promotes the key areas of the section.

Overview

This image shows how a section landing page will look (from left to right) on desktop, tablet and mobile devices.
Example of section landing page in 3 sizes

Usage guidelines

  • This is the landing page for all key top-level site sections. For example - About Us, What We Do.
  • Use this template as a navigation hub to child pages.
  • By default, each page will have a Title, Summary, Body, Image (Landscape) and Share Page components. 
  • Keep the page simple with clear CTAs.

Live examples

Links to components

  • Example of "Title".
    Title
    The title of the page (H1).
    more details
  • Example of "Summary".
    Summary
    A short summary of the page that appears beneath the title.
    more details
  • Example of "Image (landscape)".
    Image (Landscape)
    A responsive image with a 16:9 aspect ratio, with caption, credit and share options.
    more details
  • Example of "Share".
    Share Page
    Allows visitors to easier share webpage to social networks.
    more details
  • Example of "Facts slider".
    Facts Slider
    A slider that displays statistics with icons. You can also add a call-to-action button to the top-right of the panel. This button links to another page.
    more details
  • Example of "Signpost".
    Signpost
    A panel that links through to a child page.
    more details
General content page
Back to top