Skip to main content Skip to local navigation
Home » Modules Library » Module 23

Module 23


Info cards block

Purpose
Use this module to display key information i.e. programs of study, featured content, link to third level pages, etc.

Functionality
A combined 3-column module with image, title and call-to-action (CTA).

Specifics
Variations:
(i) 2 cards on 2 column
(ii) 3 cards on 3 column
(iii) 2 cards on 2 column with photo background
(iv) 3 cards on 3 column with photo background
(v) 4 cards on 4 column with photo background
(vi) 2 cards on 2 column with photo background with Red Background
(vii) 3 cards on 3 column with photo background with Red Background
(viii) 4 cards on 4 column with photo background with Red Background


Title: Allows maximum of 5 words

Use Guidelines
Allows maximum of 3 blocks and goes full width if 2 cards are used with no other module beside it.
Recommended image dimensions: 538 x 303 pixels

How to Add Modules

To add modules to the Gutenberg editor, follow these steps:

  1. Go to your WordPress Admin interface and open a post or page editor
  2. Click the plus button in the top left corner or in the body of the post/page
  3. You can either:
    • Click on Patterns, scroll through them until you find the module you want to use or
    • Search for the module you would like to add using either the module name or number
  4. Click the module to add it

The module will be added to the body of your post or page.

Visuals

Variation: 2 cards on 2 column

placeholder for module 23

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tied volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Explore Programs

placeholder for module 23

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent seed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Explore Programs

Variation: 3 cards on 3 column

placeholder for module 23

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tied volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

placeholder for module 23

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

placeholder for module 23

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent seed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Variation: 2 cards on 2 column with photo background

 mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

 mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Variation: 3 cards on 3 column with photo background

  mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

 mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

 mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Variation: 4 cards on 4 column with photo background

 mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

 mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

 mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

 mock-image

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Variation: 2 cards on 2 column with photo background with Red Background

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Variation: 3 cards on 3 column with photo background with Red Background

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Variation: 4 cards on 4 column with photo background with Red Background

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed volutpat enim, pharetra imperdiet orci. Suspendisse accumsan velit eu lectus aliquet commodo.

Learn More