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.


  • This Is A Heading.

    Five pages as standard with your own words and pictures, from only £350/€400.

  • This Is A Heading.

    Five pages as standard with your own words and pictures, from only £350/€400.

  • This Is A Heading.

    Five pages as standard with your own words and pictures, from only £350/€400.

    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.


    • THROUGH THE LOREMWINE

      "Caviar is building a
      lorem brand for the
      ipsum era."

      Words by SOME RETAIL
    • THROUGH THE LOREMWINE

      "New Caviar is
      poised to ipsum the
      lorem culture."

      Words by THE MAG
    • THROUGH THE LOREMWINE

      "Get ready for
      lorem with this new
      natural ipsum."

      Words by CREATE
    • THROUGH THE LOREMWINE

      "Caviar joins a
      growing moviment to
      envolve lorem."

      Words by SUPER COMPANY

      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
      ALT text

      Card Slider Sub-title

      Put some longer mini-description in here to add more text beside the cards.

      ALT text

      Card Slider Sub-title

      Put some longer mini-description in here to add more text beside the cards.

      ALT text

      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.

      Newsletter Sign-up

      © v2.2.7
    • Facebook
    • Facebook
    • This website only uses essential third party cookies and all requests are anonymised so no user identifying data is shared.

      BY CONTINUING TO USE THIS SITE YOU ACKNOWLEDGE ACCEPTANCE.