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.
The Overview Image + Intro Text component also has an optional CTA Button.
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 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 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.
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 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 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 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.
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.
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.
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.
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.
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.
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.
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.
Slide 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.
Button
Slide 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.
Button
Slide 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.
Button