Kitchen Sink
Examples of the content blocks with different options
Another page header
You wouldn’t normally have this – just illustrating how the colour overlay works on header images
Another page header
This is the same as above but with no overlay – also this has breadcrumbs turned off for a cleaner look
Checklist but with background colour and image on the left
First item
First item’s description
Second Item
Second item’s description
Third item, without a description
Checklist
First item
First item’s description
Second Item
Second item’s description
Third item, without a description
Just a text heading you might use to break up the page
Just a paragraph of text. Oak pine maple a willow cedar an birch acorn sycamore juniper and. Poplar elm ash but beech or chestnut magnolia redwood sequoia cypress because. Spruce fir with alder hickory mahogany teak this forest bark leaves the. Branches is trunk roots oak pine maple a willow cedar an birch. There is a spacer below this paragraph.
Normal CTA
Background and content background colour are different
Normal CTA
Background and content background colour are the same this time which changes the padding so the text goes to the “content edge”.
There is a spacer below this block to illustrate how you might want to break up two blocks with full width coloured backgrounds.
CTA without the vertical spacing
This one has no vertical spacing so the image butts right up to the content above and below (unless spacers are used) so you can create a nice full width full colour grid
CTA without the vertical spacing
This one has no vertical spacing so the image butts right up to the content above and below (unless spacers are used) so you can create a nice full width full colour grid – same as above but a different colour and image to the right to illustrate the how it can be used
There is no spacer below so you can see how different blocks with different background colours sit next to each other naturally
Slider gallery – choose a collection of images and they will be converted to a slider
Cards which can be used for create a 3 up grid of many things
Card Title
Optional subtitle
Another card
Only a subtitle
The third card
Cards grid – this one has left aligned text and 4:3 images
Card Title
Optional subtitle
Another card
Only a subtitle
The third card
“Featured” slider – it can be used for anything but has options of site/tree icons
-
Heading
This slide has a dark background and white text
-
Another heading
This slide has a light coloured background and black text
This one has a site logo and the “site theme” background colour. The slides are the same colour to give it a different style
-
Heading
This slide has a dark background and white text
-
Another heading
This slide has a light coloured background and black text
How to guide
Download pre-title
The title of the download
Oak pine maple a willow cedar an birch acorn sycamore juniper and. Poplar elm ash but beech or chestnut magnolia redwood sequoia cypress because.
Download button text can be customisedDownload pre-title
The title of the download
Oak pine maple a willow cedar an birch acorn sycamore juniper and. Poplar elm ash but beech or chestnut magnolia redwood sequoia cypress because.
This one is the white background variant and also has a thumbnail.
Text with image
Forest bark leaves the branches is trunk roots oak pine maple a. Willow cedar an birch acorn sycamore juniper and poplar elm ash but. Beech or chestnut magnolia redwood sequoia cypress because spruce fir with alder. Hickory mahogany teak this forest bark leaves the branches is trunk roots.
This has a 3:4 image as you might want tall image.
Be aware that text with image has the text naturally aligning from the top, if you want the text to be vertically centered then a CTA block is better
Text with image – flipped and with a coloured background
Forest bark leaves the branches is trunk roots oak pine maple a. Willow cedar an birch acorn sycamore juniper and poplar elm ash but. Beech or chestnut magnolia redwood sequoia cypress because spruce fir with alder. Hickory mahogany teak this forest bark leaves the branches is trunk roots.
This has a 3:4 image as you might want tall image.
Be aware that text with image has the text naturally aligning from the top, if you want the text to be vertically centered then a CTA block is better
Summer colour
Rhododendrons at Quentin Park, Alderney
Volunteer Week
Registrar Owen Johnson visits Baghouse Wood, Surrey
-
Testing the Featured Slider
-