Hero Section Styles

The ‘Hero Section’ is the top section of a webpage. It occupies the prime real estate at the top of the screen. It’s job is to immediately capture the attention of visitors and leave a memorable first impression.

A hero section typically showcases a captivating image or video, accompanied by a concise and impactful headline or message. Its purpose is to instantly engage and captivate users, drawing them into the unique musical experience you offer.

Or, if your website’s primary goal is to sell a service or product, the hero section might focus on this isntead. Either way, it serves as a gateway, enticing visitors to explore further and immerse themselves in your world.

Choose your favourite hero section below.

 

Left Aligned

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

Center Aligned

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

No Overlay

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

Light Overlay

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

Dark Overlay

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

Block Colour Left

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

Gradient Left

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

Transparent Colour Left

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

Transparent Gradient Left

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

True Parallax Background

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

CSS Parallax Background

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist

Video Background

Joe Bloggs Music

UK Grammy Award Winning Multi-Instrumentalist