Example
Card grid (up to 12 cards)
Cards are a flexible way to concisely display groups of content. They can consist of a heading, description and icon.
Views available in a row: 4 boxes, 3 boxes, 2 boxes, single box
Feature boxes
Feature boxes are one of the main navigation components used on a page.
They are usually made up of a title, description, image/video and link. Views available in a row: 3 boxes, 2 boxes and single horizontal box
Title block (with link and image)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Title block (with image)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Title block (without link and image)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Feature box wide
Feature box wide is a variant of our feature box component and takes up the entire width of a page.
It allows visitors to move into key sections of your site.
Title block (without link)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
Promotional block
Promotional blocks are a secondary way to highlight key content, in addition to the banner.
Tabs (up to 10 tabs)
Tabs allow the user to quickly find and compare content in different sections separated by a tabbed heading.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
- consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
- consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
- consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
| Table 1 | Table 2 | Table 3 |
|---|---|---|
| Content 1 | Aenean commodo ligula eget dolor. Aenean massa. | Aenean commodo ligula eget dolor. Aenean massa. |
| Content 2 | Aenean commodo ligula eget dolor. Aenean massa. | Aenean commodo ligula eget dolor. Aenean massa. |
| Content 3 | Aenean commodo ligula eget dolor. Aenean massa. | Aenean commodo ligula eget dolor. Aenean massa. |
Cards Carousel
The cards carousel is made up of multiple cards that can be used to promote a group of related links.
Users can scroll left and right to see more cards. Each card consists of an image and heading. Supports upto 15 items
Quick Links
The quick links container allows you to group together up to 18 separate links across 3 columns.
Links are mandatory for the quick links to appear