Skip to content

Simple Content Slider

Update Notice: This pattern has recently had significant updates to it. It is important you replace any existing content slider code with the below pattern.

A content slider is designed to be used to promote specific pages, links or campaigns within the site in much the same way as description panels do. The key difference with this pattern is the fact the one element handles multiple content items:

  • Selection of a suitable image to support the lead in text.
  • A short supporting title and description and vital CTA/link and selection of a suitable thumbnail image forms the basic elements of this UI pattern.

A text only slider is also an suitable option on a page when other competing UI elements such as pods may be dominate.

Simple Content Slider with Images


- - -

Simple Content Slider with Images, Right Aligned


- - -

Simple Content Slider - Text Only

  • Promo content title linked

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laud antium, totam rem inventore. Learn more

  • Promo content title linked

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laud antium, totam rem inventore. Learn more

  • Promo content title

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laud antium, totam rem inventore. Learn more

 

 

Web Team

Call us: For urgent requests or to speak with someone directly,
please contact one of our team members.
 
Still not sure how to do something? Submit an online enquiry.