A.k.a. a Hero. The background image for a Hero is 1076x250min.
Text can be changed to white or black and can be alligned vertically; top, middle or bottom, and horizontally; left, center or right.
A CTA can also be included.
This is a "Sub Banner"
This component is available in white. light grey and dark grey. You can choose to use one to three columns below and THIS text can be used as a link.
This text and the icon above can be cutomised
Add a description here or perhaps include more information about the link below.
This text and the icon above can be cutomised
Add a description here or perhaps include more information about the link below.
This text and the icon above can be cutomised
Additional components we can use to create something special, explained
This is a "Header and CTA" component
This component is available in light grey and white.
There are 3 CTA button types to choose from using this component.
(Please note only one CTA button should be used per page)
This is an "Icon and Text" component
This component is available in white. light grey and dark grey and THIS text can be a link if needed.
This text and the icon left can be cutomised
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This text and the icon left can be cutomised
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This text and the icon left can be cutomised
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This text and the icon left can be cutomised
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is a "Text and Media Block" component
You can choose the following options:
This is a one column "Multi Column" component
Available in white, light grey and dark grey. Include one to three columns.
Example text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is a two column "Multi Column" component
Example text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is a three column "Multi Column" component
Example text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is a 2 column "List" component
This will be the title of the list item
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example text
This will be the title of the list item
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example text
This is a 3 column "List" component
This will be the title of the list item
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example text
This will be the title of the list item
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example text
This will be the title of the list item
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Example text
There is an option to include a background image with this component.
Dimensions should be 1076xVaries depending on content.
You can also choose the following options for the horizontal layout:
You can also choose whether the customer story shows above the media or below it. The customer story can also be hidden should you choose to do so.
As you can see below there is the option to provide 3 rows of copy content.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
CQ5 is helping my colleagues and I deliver cutting edge marketing campaigns
