Back to all components

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.

read more

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.

read more

Mition HQ
Date and Time
Program Card Example

For demo purposes

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

read more

Mition HQ
Next

Registration Form

A registration form element is a simple yet crucial component designed to gather user information. The component itself is a link to a pre-generated sign up form which is customisable based on the data you want to collect from new users...

Read More