Card 1
Description text
Hero Component
To be used on all pages to display the hero image and page heading text
Intro Panel
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Image/Text Panel
An icon can be selected where applicable (for example with the sustainable pillars content).
The background colour can be changed, but we recommend keeping with blue / red outside of the sustainable pillars pages.
Content panel
This panel can be used for basic body copy.
There is the option for an image to be added above the text (such as a logo).
The panel can also have a CTA, Download CTA or a video added to it.
Full width panel
This is the full width panel that can include an image.
A CTA can also be added.
Awards panel
Accreditations panel
Coloured Content panel
This is a body copy panel with a few additional options. The background colour can be changed, and the text can also be set to one or two columns.
A CTA can also be included if required.
Cards panel
Card 2
Description text
Circle Text panel is used on the sustainable pillars pages. The background colour can be changed to suit each of the pillars.
Sales Enquiry panel
This is the sales enquiry panel that is used along the footer. The text can be customised to each one if required.
Spacing Test
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Spacing Test
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."