¾Ã¾ÃË®ÃÛÌÒ

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 - Image (2) Red

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

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.

Image Cards 2 Multi Row

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

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.

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.

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.

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.

Cards - Image (3) White

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

Image Cards 3 Multi Row

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

Cards - Image (4) Warm White

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

Image Cards 4 Multi Row

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

Cards - Text (2) Alt

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

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.

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.

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.

Text Cards Alt - 3 Columns

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

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.

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.

Text Cards Alt - 4 Columns

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

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.

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.

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. 

Cards - Text (2) Red

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

Cards - Text (4) Warm White

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

Cards - Text (3) White - Multirow

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

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.