Faculty/Staff Search

OR

Department/Unit Search

BMSc student in the lab

Featured Cards

The Cards component is designed to showcase concise information in visually distinct “cards”.

Featured Cards

The Cards component is designed to showcase concise information in visually distinct “cards”.

BMSc student in the lab

Featured Cards

The Cards component is designed to showcase concise information in visually distinct “cards”.

  1. Home
  2. Web training
  3. Component library
  4. Featured Cards

Overview

Featured Cards allow you to highlight key items or individuals using a prominent image, a concise description, and a clear call-to-action.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt.

Learn More

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt.

Learn More

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt.

Learn More

Use Cases

Use Featured Cards to spotlight important content, combine an impactful image with a brief description and a clear call-to-action for effective storytelling, or display a curated set of items or articles to guide users toward relevant content.

  • Featured faculty/researchers/learners
  • Spotlight events

Required Materials

  • Image Size: 1200x800
  • Title & Description
  • CTA Button(s): You must add one buttons per card

Page Type Compatibility

Supported in Full Width pages.