¾Ã¾ÃË®ÃÛÌÒ

Skip to Main Content

Cards Widgets

Create a grid of short content blocks using the Cards Widget. The Cards Widget has flexible options for background color and the number of rows and columns in your grid. You can add images, icons, videos, or buttons to your cards or keep them as simple text.

Cards Widget in Use

Cards - Image (2) Red

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

Image Cards 2 Link

At2 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

Image Cards 2 Multi Row

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

Image Cards 2 Link

At1 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

At2 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

At2 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

At2 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

Cards - Image (3) White

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

¾Ã¾ÃË®ÃÛÌÒ Home

Image Cards 3 Multi Row

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

¾Ã¾ÃË®ÃÛÌÒ Home

Cards - Image (4) Warm White

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

¾Ã¾ÃË®ÃÛÌÒ Home

Image Cards 4 Multi Row

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

¾Ã¾ÃË®ÃÛÌÒ Home

Cards - News

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

SEE ALL
SEE ALL

Cards - News With Stats

Intro copy goes here

SEE ALL

19

Ea utamur iisque voluptaria pri, tota aeterno vituperatoribus eu nam, no paulo molestiae cum.

22

Ea utamur iisque voluptaria pri, tota aeterno vituperatoribus eu nam, no paulo molestiae cum.

SEE ALL

Cards - Text (2) Alt

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

Text Cards Alt Link

At2 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

At3 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

At4 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

Text Cards Alt - 3 Columns

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

Text Cards Alt Link

At2 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

At3 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

Text Cards Alt - 4 Columns

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

Text Cards Alt Link

At2 apeirian senserit intellegebat est, aeque rationi

Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

At3 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei.
Learn More

At4 apeirian senserit intellegebat est, aeque rationi

At apeirian senserit intellegebat est, aeque rationibus vix ne. Id pro natum torquatos. Ex ius malis dissentias persequeris, vix vero solum tempor id. Impetus dolorum ut mei. At apeirian senserit intellegebat est, aeque rationibus vix ne. At apeirian senserit intellegebat est, aeque rationibus vix ne. 
Learn More

Cards - Text (2) Red

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

Text Cards Red Link

Cards - Text (4) Warm White

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

¾Ã¾ÃË®ÃÛÌÒ Home

Cards - Text (3) White - Multirow

Facete pericula mediocrem an pri. Vim an labore mentitum ullamcorper, voluptua urbanitas est at, ne sea choro nemore virtute.

¾Ã¾ÃË®ÃÛÌÒ Home

Examples

Here are some example pages using the Cards widget:

  •  Explore Oxford page, scroll down to the "Plan Your Visit to Oxford" and "Places to Discover on Campus" rows.
  • ¾Ã¾ÃË®ÃÛÌÒ Regionals homepage, scroll down to the "Newest Major" row.
    • Note: if you embed a YouTube video in the card's content, set its width to 100% so it will fill the space and be responsive across devices.
  • Human Resources, scroll down to the contact information row towards the bottom.
    • Some offices use a Cards Text widget in place of the Contact Info widget when they have more information to display than the Contact Info widget allows.