Highlighted content

Enim lobortis scelerisque fermentum dui faucibus in. Commodo viverra maecenas accumsan lacus.

Accordion

A collapsible section that expands or hides content when clicked, often used for FAQs.
Go to accordion

Call to action

Used to introduce and take the user to another part of the site (or a different site)
Go to call to action

Cards

Visual containers that group related content in a consistent, grid-like layout.
Go to cards

Donations

Widget that can link to a third-party donations platform
Go to donations

Download

Lets users download a file, such as a PDF, image, or document
Go to download

Form

A set of input fields that collect user information, such as contact details or feedback
Go to form

Hero banner

A large, prominent section featuring a headline, image, buttons and key message.
Go to hero banner

Highlighted content

List of other content. Can be used for latest news, related content etc
Go to highlighted content

iframe

An embedded window that displays another webpage or external content within the current page.
Go to iframe

Image gallery

A collection of images displayed in a grid
Go to image gallery

Image with caption

An image accompanied by descriptive text below
Go to image with caption

Page anchor links

Go to page anchor links

Promotional

A section used to showcase
Go to promotional

Rich text

Editable content that includes formatted text, links, headings etc
Go to rich text

Two column layout

A layout dividing content into two vertical sections
Go to two column layout

Video embed

A video player embedded from a platform like YouTube or Vimeo, viewable directly on the page
Go to video embed