Amber Weinberg: Freelance Web Developer specializing in semantic WordPress, Mobile, CSS and HTML5 Development

The Blog

15 Beautiful CSS-Based Website Heroes

Posted on 01/21/10 in blog, design about ,

A hero on a website is the large, often graphic-based, top portion of a homepage underneath the header. For example, the sliding featured portion of my own homepage, is my site’s hero.

This section of a website is called a hero, mainly because it’s one of the first things a new visitor sees upon coming to the site and is often what grabs their attention and makes them stay to look around. Thus that section is a “hero” for saving your site’s day. (dorky, I know)

What makes a hero successful? A beautiful design for sure, but a large call-to-action, tagline or some kind of purpose to the site is really what the hero is for.

Let’s take a look at 15 beautiful uses of the hero on the web today.

About the author
Amber Weinberg specializes in clean and semantic HTML5, CSS3, responsive and WordPress development. She has over 15 years of coding experience and is super cool to work with. Amber is available for freelance work, so why not hire her for your next project?

Got a comment or question?
Send me a tweet @amberweinberg or an email to amber@amberweinberg.com