Toggle Search

DEMO Card Group

Overview

Usage

  • Cards briefly describe and link to a single piece of content.
  • 2 or more cards are recommended in a group.
  • These are similar to the Content Feature widget, but a single link is required for cards, where Content Features can feature none, one, or several links.
  • When images are not used, it is recommended that the link text be shown so as to reinforce that the element can be clicked.

Display Variations

  • Column options: 2-column or 3-column
  • Link text: show or hide (per  card)

Fields

  • Image (optional)
  • Title
  • Text (optional)
  • Link text
  • Link URL

3-column cards with images

Intro for Three Columns with images, Nec illum iudicabit ex, nam ea alia augue dolor. Cu his solum debet, nec ei case alterum ceteros. Cu mel cibo dignissim consequuntur, ut vim iudico dignissim conceptam. Nec cibo ullum at. Mel ea verterem patrioque.
  • alt

    Card One With Title and Text

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

    Link
  • alt

    Card Two With Only Title

    Link
  • alt

    Card Three With a Much Longer Title Lorem Ipsum Dolor Sit

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

    Link

3-column cards with no images

Intro for Three Columns with no images, Nec illum iudicabit ex, nam ea alia augue dolor. Cu his solum debet, nec ei case alterum ceteros. Cu mel cibo dignissim consequuntur, ut vim iudico dignissim conceptam. Nec cibo ullum at. Mel ea verterem patrioque.

  • Card One

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

    Link

  • Card Two

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

    Link

  • Card Three

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

    Link

2-column cards with images

Intro for Two Columns with images, Nec illum iudicabit ex, nam ea alia augue dolor. Cu his solum debet, nec ei case alterum ceteros. Cu mel cibo dignissim consequuntur, ut vim iudico dignissim conceptam. Nec cibo ullum at. Mel ea verterem patrioque.
  • alt

    Card One

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

    Link
  • alt

    Card Two

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

    Link Text

2-column cards with no images

Intro for Two Columns with no images, Nec illum iudicabit ex, nam ea alia augue dolor. Cu his solum debet, nec ei case alterum ceteros. Cu mel cibo dignissim consequuntur, ut vim iudico dignissim conceptam. Nec cibo ullum at. Mel ea verterem patrioque.

  • Card One

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

    Link

  • Card Two

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

    Link Text

Cards images, no link visible

Intro for Two Columns with images no link, Nec illum iudicabit ex, nam ea alia augue dolor. Cu his solum debet, nec ei case alterum ceteros. Cu mel cibo dignissim consequuntur, ut vim iudico dignissim conceptam. Nec cibo ullum at. Mel ea verterem patrioque.
  • alt

    Card One

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

  • alt

    Card Two

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

Cards with no images, no link visible

Intro for Two Columns no images no link, Nec illum iudicabit ex, nam ea alia augue dolor. Cu his solum debet, nec ei case alterum ceteros. Cu mel cibo dignissim consequuntur, ut vim iudico dignissim conceptam. Nec cibo ullum at. Mel ea verterem patrioque.

  • Card One

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

  • Card Two

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book