Horizontal Card Component

What is it? 

A Horizontal Card can be used to provide high-level information with links for more details. Horizontal Cards are often grouped and displayed as a grid of related content. 

Elements

Heading: Describes the topic of the card and links to more details about the topic.

Text: Provides descriptive details about the topic. 

Call to action (CTA): Links to more details about the topic.

Image (optional): Displays to the left side of text. 

How do you use it?

  • Provide a card for each topic, with an image, topic summary, and links to support exploration.
  • Ensure images complement the content.
  • Include high-quality, engaging images.

 

Card Title One

This is a card example without an image. sed do eiusmod tempor incididunt ut labore. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur eros nec risus eleifend. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Call to action one
Falk students begin the spring Semester in Professor Alexia Lopes’ Race, Gender & Diversity Class

Card Title Two

This is a card example with an image. Sed do eiusmod tempor incididunt ut labore. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur eros nec risus eleifend. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Call to action two