A selection of our most popular Hero headers to enhance your website and present content.
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.
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.
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.
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.
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.
Heros can be added to any website we build in any position. We can advise how best to add one to your new site.
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.
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.