Card

Cards are a specific component you can add to landing pages. They are used to provide a summary of a topic that will be covered on your site, and can link out to other pages.

Why use cards?

Cards display on your page like feature boxes. They provide an overview of a topic that will covered on your website in a condensed space, with a clear summary title so users can quickly gain an overview of your content. 

A link can be added to the title of your card, directing to users to specific pages of your website or to external sites. You can also an image to each card, and using the 'Layout' component on landing pages, you can rearrange your cards along with your other page components.  

Link - Demonstrating EdWeb 2

Layout - Demonstrating EdWeb 2

This makes cards a great way to give website visitors an overview of your content and a first impression of the look and feel of your website.  

Styling your landing page cards

Cards will be coloured to match the theme colours of your website. 

There are 4 different styling options for your cards.  

This is how a 'Feature' styled card will display on your landing page.

This is how a 'Medium' styled card will display on your landing page.

This is how a 'High' styled card will display on your landing page.

This is how a 'Low' styled card will display on your landing page.

Cards - further support

For step-by-step guidance to adding and customising cards, visit our Wiki page.