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.
Recent Reviews
Very quick response and set up time for my website. Any edits are also done very quickly. The company has a wealth of experience and is very adept and creating an easy-to-use webpage designed from the customer's perspective. Highly Recommend.
Great understanding of the web needs of a multi-faceted business. Very quick to respond and find solutions. Personable, no techie waffle. Understands not everyone needs to understand how it all works they just want it to work!
Caffeine Injection provide a professional and fast service. Any queries or work required was dealt with efficiently. Would highly recommend the use of their services.
Steve designed a website for me which is very crisp and easy to manoeuvre. He also maintains my webpage on a monthly basis which means I do not need to worry about updates etc. Very responsive to changes or little bits I want to add. Would highly recommend him.
Caffeine Injection has just updated my whole mathsbuddy website to take account of the Co-vid 19 pandemic which now includes a booking system. The firm has great ideas and is very responsive to requests so I'm totally pleased with the service.