0 results available.

    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 (H4 with class="typeface-heading-48")

    paragraph text (with class="typeface-text-14")

    View all

    • 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.
      cta label ›

    • 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

    • 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.

    • 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

    paragraph text behind cards

    View all

    • 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.
      Vivamus id elit vitae ›

    • 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.
      Vivamus id elit vitae ›

    Cards listing - Heading typography

    These are applied using WYSIWYG classes via design configuration. To get bolded variants use the bold button in the WYSIWYG editor in addition to the class.

    Heading-64

    Heading-48

    Heading-32

    Heading-26

    Heading-20

    Heading-18

    Text typography

    These are applied using WYSIWYG classes via design configuration. To get bolded variants use the bold button in the WYSIWYG editor in addition to the class.

    Text-24

    Text-18

    Text-16

    Text-14

    Card Listing via Root Node

    Cards listing via root node Heading typography

    These are applied using WYSIWYG classes via design configuration. To get bolded variants use the bold button in the WYSIWYG editor in addition to the class.

    Heading-64

    Heading-48

    Heading-32

    Heading-26

    Heading-20

    Heading-18

    Text typography

    These are applied using WYSIWYG classes via design configuration. To get bolded variants use the bold button in the WYSIWYG editor in addition to the class.

    Text-24

    Text-18

    Text-16

    Text-14

    • 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.
      CTA text ›

    • 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.
      CTA text ›

    • 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.
      CTA text ›

    • 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.
      CTA text ›

    • Content Modal
      The content modal is designed to allow users to open a modal to display Standard page or Webform content.
      CTA text ›

    • Featured News Listing
      CTA text ›

    • Funnelback Search Result
      CTA text ›

    • 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.
      CTA text ›

    • 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.
      CTA text ›

    • Multi-Column Content
      The multi-column content container is designed to allow content editors to publish content in a multi-column view.
      CTA text ›

    • 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.
      CTA text ›

    • 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.
      CTA text ›

    • Drawer
      CTA text ›

    • Related Items (Product Page)
      CTA text ›

    • test simple search
      CTA text ›

    • test
      CTA text ›