Skip to Main Content

Overview Image + Intro Text - h1

The Overview Image + Intro Text component also has an optional CTA Button.

Card Slider - h2

The Card Slider component has 3 background colours options – White, Grey, and Primary brand colour. Cards have heading, text, and button elements, but can be customised.

Card One - h3

Card one text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.

Card Two - h3

Card two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.

Category Slider - h2

The Category Slider component is similar to the Card Slider but with category buttons on the left. Cards have heading, text, and button elements, but can be customised.

Card One - h3

Card one text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Card Two - h3

Card two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Secondary

Card Three - h3

Card three text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Category Two Card One

Category Two Card one text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Category Two Card Two

Category Two Card two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Secondary

Category Two Card Three

Category Two Card three text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Category Three Card One

Category Three Card one text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Category Three Card Two

Category Three Card two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Secondary

Category Three Card Three

Category Three Card three text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Image Slider - h2

Slides consist of a background Image, Text Panel, and Button. Slides have 2 text panel colour options – White and Primary brand colour. The Panel can be Left or Right aligned, and the Panel Opacity Level can be adjusted to aid text readability.

Soliloquy

Back to Top