
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
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

At2 apeirian senserit intellegebat est, aeque rationi

At2 apeirian senserit intellegebat est, aeque rationi

At2 apeirian senserit intellegebat est, aeque rationi
Cards - Image (3) White
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

At2 apeirian senserit intellegebat est, aeque rationi

At3 apeirian senserit intellegebat est, aeque rationi
Image Cards 3 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

At2 apeirian senserit intellegebat est, aeque rationi

At3 apeirian senserit intellegebat est, aeque rationi

At3 apeirian senserit intellegebat est, aeque rationi

At3 apeirian senserit intellegebat est, aeque rationi

At3 apeirian senserit intellegebat est, aeque rationi
Cards - Image (4) Warm White
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

At2 apeirian senserit intellegebat est, aeque rationi

At3 apeirian senserit intellegebat est, aeque rationi

At4 apeirian senserit intellegebat est, aeque rationi
Image Cards 4 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

At2 apeirian senserit intellegebat est, aeque rationi

At3 apeirian senserit intellegebat est, aeque rationi

At4 apeirian senserit intellegebat est, aeque rationi

At4 apeirian senserit intellegebat est, aeque rationi

At4 apeirian senserit intellegebat est, aeque rationi

At4 apeirian senserit intellegebat est, aeque rationi

At4 apeirian senserit intellegebat est, aeque rationi
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.

At1 apeirian senserit intellegebat est, aeque rationi

At2 apeirian senserit intellegebat est, aeque rationi

At3 apeirian senserit intellegebat est, aeque rationi
Cards - News With Stats
Intro copy goes here

At1 apeirian senserit intellegebat est, aeque rationi

At2 apeirian senserit intellegebat est, aeque rationi
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.
Cards - Text (2) Alt
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
At2 apeirian senserit intellegebat est, aeque rationi
At3 apeirian senserit intellegebat est, aeque rationi
At4 apeirian senserit intellegebat est, aeque rationi
Text Cards Alt - 3 Columns
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
At2 apeirian senserit intellegebat est, aeque rationi
At3 apeirian senserit intellegebat est, aeque rationi
Text Cards Alt - 4 Columns
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
At2 apeirian senserit intellegebat est, aeque rationi
At3 apeirian senserit intellegebat est, aeque rationi
At4 apeirian senserit intellegebat est, aeque rationi
Cards - Text (2) Red
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
At2 apeirian senserit intellegebat est, aeque rationi
Cards - Text (4) Warm White
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
At2 apeirian senserit intellegebat est, aeque rationi
At3 apeirian senserit intellegebat est, aeque rationi
At4 apeirian senserit intellegebat est, aeque rationi
Cards - Text (3) White - Multirow
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
At2 apeirian senserit intellegebat est, aeque rationi
At3 apeirian senserit intellegebat est, aeque rationi
At3 apeirian senserit intellegebat est, aeque rationi
At1 apeirian senserit intellegebat est, aeque rationi
At2 apeirian senserit intellegebat est, aeque rationi
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.