Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Example of 3 columns in desktop and tablet. There are no background, red pattern, blue pattern, gray pattern, and image backgrounds. You can also select to have a yellow divider line between the cards.

 

Note: There is too much text in cards in these screenshots. Keep it short! Users don't read on the web.

Use Cases

Use Case 1

Use this block when columns are needed for copiescopy or sets of copy. Reminder, keep copy short. Users don't read on the web.

Use Case 2

The block can be used at the bottom of a page for Contact Us or RFIFor RFI:other CTA

In brief, it's a simple card with Section Title, one card with this html/copy in it: <p class="text-center" style="max-width: 700px; margin:auto;">Sign up to get the latest information about the program, hear about upcoming admissions events, receive application tips, and more.<information</p>, and then the button in the Footer.

...

Text and images can be added to the content. Images will need the URL and added in the text editor.

Keep copy short!

Links can be added here or to the Content section if you need it to look different. See Button Styles for more information.

...