Page Elements
Example layouts & content blocks
This is a full screen Image Cover with black overlay
Image Cover
With colour overlay
ColourCover
Two Columns
Two Columns
Examples
50:50
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.
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.
30:70
Large text for key message
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.
70:30
Large text for key message
Three
Three
Three
Examples
33:33:33
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
25:50:25
Large text for key message
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
50:25:25
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
25:25:50
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.
Four
Four
Four
Four
Examples
25:25:25:25
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
40:20:20:20
Large text for key message.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
20:20:20:40
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Large text for key message.
Image with Text
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.
Accordions
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.
First
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel molestie diam. Duis ultricies vestibulum nisl. Etiam egestas nisi volutpat tellus varius, a congue nibh tempus. Vestibulum dictum, dolor non tincidunt varius, mi diam pretium nulla, vitae faucibus ante nulla id nunc.
Second
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel molestie diam. Duis ultricies vestibulum nisl. Etiam egestas nisi volutpat tellus varius, a congue nibh tempus. Vestibulum dictum, dolor non tincidunt varius, mi diam pretium nulla, vitae faucibus ante nulla id nunc.
Third
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel molestie diam. Duis ultricies vestibulum nisl. Etiam egestas nisi volutpat tellus varius, a congue nibh tempus. Vestibulum dictum, dolor non tincidunt varius, mi diam pretium nulla, vitae faucibus ante nulla id nunc.
Post Grid (All Options)
Smidge
Developed in Scotland Smidge is scientifically proven to provide protection against all biting insects for up to 8 hours. This redesign freshens the site first launched in 2016,…
Summerhall – Festival ’22
New site for Summerhall’s Festival programme, this year using using Eventotron to pull events into WordPress from Red61’s Fringe ticketing system. Launched: 2022Role: Design &…
Moskito Guard
Moskito Guard is your first line of defence against mosquitoes, whether you are travelling to the tropics or enjoying a day out closer to home.…
Barbreck Joinery
Barbreck Joinery & Construction Launched: 2022Role: Design & DevelopmentLink: www.barbreckjoinery.co.uk
Post Grid (Image Only)
Testimonials
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
Name
TitleNotices
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Gallery
Table
| Label | Label | Label |
|---|---|---|
| A | X | 1 |
| B | Y | 2 |
| C | Z | 3 |
