Card Listing

The card template allows listing of links to child page or external websites in an attractive format. It is often used to build landing pages and home pages.

A variant Card Listing via Root Node allows the cards to be automatically be created from the pages under a selected root node in the Asset Tree.

Basic card list

  • Lorem ipsum dolor sit amet

    Donec id enim erat. Proin malesuada ex id urna blandit, eu dictum turpis consectetur. Aenean sollicitudin, tellus non interdum ultricies, ex turpis scelerisque metus.
  • baubles on a christmas tree

    Vestibulum lacinia neque

    Cras pulvinar, eros at posuere placerat, sem tortor iaculis felis, sit amet maximus magna justo in diam.
  • Nulla diam elit, gravida

    Sed tristique purus quis auctor maximus. Aliquam in condimentum libero. Aenean convallis purus nunc, in varius neque convallis nec
  • baubles on a christmas tree

    Suspendisse dapibus

    Nulla sit amet nibh eget enim pellentesque mattis et eleifend libero. Suspendisse in ultricies sapien, id accumsan velit. In hac habitasse platea dictumst.
  • Duis rutrum, quam

    Nam ut auctor odio. Praesent ut auctor felis. Quisque fringilla porta felis sed pulvinar.
  • baubles on a christmas tree

    Nullam viverra lorem nulla

    Vivamus id elit vitae libero dictum rutrum eu eget lacus. In euismod nulla vel vulputate vestibulum. Phasellus cursus lectus ante, sed laoreet neque feugiat a.

Image behind card

  • Lorem ipsum dolor sit amet

    Donec id enim erat. Proin malesuada ex id urna blandit, eu dictum turpis consectetur. Aenean sollicitudin, tellus non interdum ultricies, ex turpis scelerisque metus, non hendrerit arcu nunc in ipsum. Cras pulvinar, eros at posuere placerat, sem tortor iaculis felis, sit amet maximus magna justo in diam. Pellentesque sit amet vehicula justo.
  • baubles on a christmas tree

    Cras cursus ex libero

    Nam ut auctor odio. Praesent ut auctor felis. Quisque fringilla porta felis sed pulvinar. Phasellus in malesuada lectus, sit amet feugiat ex. Nullam viverra lorem nulla, ac convallis nisi facilisis non. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Coloured cards

  • Lorem ipsum dolor sit amet

    Donec id enim erat. Proin malesuada ex id urna blandit, eu dictum turpis consectetur. Aenean sollicitudin, tellus non interdum ultricies, ex turpis scelerisque metus, non hendrerit arcu nunc in ipsum. Cras pulvinar, eros at posuere placerat, sem tortor iaculis felis, sit amet maximus magna justo in diam. Pellentesque sit amet vehicula justo.
  • Cras cursus ex libero

    Nam ut auctor odio. Praesent ut auctor felis. Quisque fringilla porta felis sed pulvinar. Phasellus in malesuada lectus, sit amet feugiat ex. Nullam viverra lorem nulla, ac convallis nisi facilisis non. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Card Listing via Root Node

  • Accordion

    The accordion template allows you to present information condensed and shorten the page scroll. The accordion template is great for FAQ style content where a user may only want to see one block of content at a time, or when you want to allow the user to control what they see.
  • Call to Action

    The Call to Action is designed to allow content editors to promote content on any page. The panel will catch the user's attention and send traffic to key articles or pages within the site.
  • Card Listing

    The card template allows listing of links to child page or external websites in an attractive format. It is often used to build landing pages and home pages.
  • Carousel

    The Carousel is based on the Hero Banner functionality designed to allow content editors to promote content on a home page and introduce the user to the website purpose. The panel will catch the user's attention and send traffic to key articles or pages within the site.
  • Content Modal

    The content modal is designed to allow users to open a modal to display Standard page or Webform content.
  • Hero Banner

    The Hero Banner is designed to allow content editors to promote content on a home page and introduce the user to the website purpose. The panel will catch the user's attention and send traffic to key articles or pages within the site.
  • Listing via Root Node

    The listing page is aimed at providing a listing of links on the website for content. The listing has multiple variants for different use-cases, including: Generic listing, Event listing, News listing and Documents listing.
  • Multi-Column Content

    The multi-column content container is designed to allow content editors to publish content in a multi-column view.
  • Tab Group

    The tab group allows a number of tabs to be added to a page. Additionally it will handle the case where there are more tabs than can be handled in a single row.
  • Video Modal

    The video modal allows a YouTube or Vimeo video to be included in a modal popup trigger from either a splash image with optional title, descriptions and calls to actions.
  • News

    Website news section showing the correct setup of schemas including using a Listing via Root Node to show a paginated list of latest news articles.