Brewing...
Hero Headers
A selection of our most popular Hero headers to enhance your website and present content.
Regular One
Regular One, is as the name suggest, a regular slding hero header. This demo contains three panels of sliding content, each with their own background image, words and buttons.
This demo is setup to always be the same height as the browser window, typically it would also be full width too.
Martini Slider
The Martini slider is little different to the norm, with a very modern look and feel; it's perfect for a website where style is essential. In this demo, the background is a burnt orange colour, but it can also be an image.
Martini is best used for information, as opposed to an image slider.
Core One
A hero slider is a large image slider that typically sits at the top of a page. Core One is a classic "hero" slider which utilities the "Ken Burns" effect of moving and zooming the background images, giving an almost video-like feel to the slider.
CORE ONE
Your Message here
Card Slider
Card Slider is a great eye-catching image slider that is sure to draw attention to your message.
Each slide can contain up to three images, a message and a button.
Card Slider Sub-title
Put some longer mini-description in here to add more text beside the cards.
View More
Card Slider Sub-title
Put some longer mini-description in here to add more text beside the cards.
Card Slider Sub-title
Put some longer mini-description in here to add more text beside the cards.
Hero Headers
About Hero Headers
Hero headers are typically used at the top of web pages, they normally expand to fill the full width of the page, often filling the full height too.
Heros can be sliding content with images backgrounds and text & buttons over the top. Or they can be static, with just a single background.
Where To Add Them
Heros can be added to any website we build in any position. We can advise how best to add one to your new site.
Why Use Them?
As well as adding a moving visual feature, more often, to the top of a page, heros are also a great way to display various sections of content in a small area.
Less Is More
There is often the tendency to add too many slides to hero headers or too many images to individual ones. Remember: Less is more.
We recommend a maximum of four images per hero.