Home Hero Slider

A sliding panel with one large image or video on the left and two stacked smaller images on the right.

Overview

Category: Promos and Sliders

Here is a working example of a Home Hero Slider. Its appearance will change in response to the size of your screen.

Usage guidelines

  • Use on the home page to show multiple pieces of content.
  • Limit number of slides to a maximum of two.

Placement

  • Place in the Body Header.

Editing and customisation

  • You can edit the image, the title, the summary and the link.
  • You can add a video, which will play in an overlay.

Live examples

Related components

Related Content
Example of "Related content".
Related Content
More details
Tabbed Slider
Example of "Tabbed slider".
Tabbed Slider
More details
Double Promo
Example of "Double promo".
Double Promo
More details
Facts Slider
Example of "Facts slider".
Facts Slider
More details
Back to top