Skip to main content

Content Card Block

Overview

Use this type of card to promote a single subject. The container and a call to action are required elements. The specific call to action is required because the drop shadow does not provide enough affordance to show that it is clickable. All other elements of the card are optional.

See the accessibility guidelines for tips on writing call to action copy.

Contents:

  • Block customization options
  • Block examples
Content card illustration
Element Required Options Available
Image N
  • Image selection
  • Alt text
Title N
  • Heading text
  • Heading element
Header N
  • Heading text
  • Heading element
Description N
  • Text area
Link Y
  • Display link as button
  • Display link in header

Examples of content card variations

Content card with image, title, header, description, link. In this example we have 2 content cards per row. 

Content Card

Electric Cars and Hybrid Cars: Pros and Cons

If you're considering going with an electric or hybrid car for your next vehicle, research your options carefully and review the pros and cons.

Placeholder image
See the research

Content Card

Did You Ever Consider the Fact That You May Need to Have Rental Car Coverage?

There are many factors to consider before choosing whether to accept or decline additional rental car coverage.

Read the tips
Element Option Selected
Image Photo
Title Y
Header Y
Description Y
Link Displayed as button

Content card with title, header, description, link (no image). This is the example of 3 cards in a row.

Content Card

Electric Cars and Hybrid Cars: Pros and Cons

If you're considering going with an electric or hybrid car for your next vehicle, research your options carefully and review the pros and cons.

See the research

Content Card

Did You Ever Consider the Fact That You May Need to Have Rental Car Coverage?

There are many factors to consider before choosing whether to accept or decline additional rental car coverage.

Read the tips

Content Card

This is the example of a content card

Get a complete view of distribution performance — from written premium to retention — across all agencies in your region.

Explore more

Block above has these settings:

Element Option Selected
Image None
Title Y
Header Y
Description Y
Link Displayed as button

Content card with header (as link) only. This example shows 4 cards in a row.

Electric Cars and Hybrid Cars: Pros and Cons

Did You Ever Consider the Fact That You May Need to Have Rental Car Coverage?

How Smart Thermostats Can Help Protect Your Home

Smart Home Tips & Tools

Block above has these settings:

Element Option Selected
Image None
Title N
Header Y
Description N
Link Displayed as header