Program Card

A program card element is a versatile component used to showcase programs, courses, or services in a visually appealing and informative manner.

These cards highlight essential details to engage users and provide quick access to more information. 


Key Features
  • Visual Appeal: Includes an image or icon that represents the program for immediate recognition.
  • Title and Description: Contains a concise title and a brief description that summarizes the program's purpose.
  • Call-to-Action (CTA): Can include a button or link that directs users to a dedicated program page.
  • Interactive Elements: Cards can include hover effects or animations to attract attention.


Examples
  • Educational Listings: Highlighting online courses or workshops.
  • Event Listings: Displaying upcoming webinars or conferences.
  • Product Launches: Featuring new service offerings with a brief overview and link to detailed content.


Program Card Example
Date and Time
Program Card Example

For demo purposes

This is an example Program Card. Your body text goes here.

Mition HQ
Variations

An orange colour, size 6 component

An aqua colour, size 3 component

Date and Time
Program Card Example

For demo purposes

This is an example Program Card. Your body text goes here.

Mition HQ
Date and Time
Program Card Example

For demo purposes

This is an example Program Card. Your body text goes here.

Mition HQ

Page Next/Previous

A Page Next/Previous component allows users to navigate between pages easily. It is commonly used in pagination, articles, blogs, and multi-step forms to enhance the user experience by providing clear navigation options. In this example...

Read More