HTML5up: Templates for a Variety of Usecases
Looking for free templates is a tedious task. Most of the average free ones are based on a classical standard layout. Templates created by the same developer often only differ in details – colors, fonts, nothing game-changing. This is about all you could expect. These templates by HTML5up instead differ widely from each other. They take care of the fact that a blog on photography needs a different design than a magazine-style news-site.
At the time of writing, fourteen different templates – some for text-heavy, some for image-laden sites – are available. The portfolio of templates is growing slowly, but constantly. So, bookmark the page and check back once a month.
Every template has been created using the latest standards of CSS3 and HTML5. You’ll find professional visual effects as well as state of the art gallery functionality. All the templates are responsive, thus working fine on smartphones and tablets.
All templates are free to be used obeying Creative Commons Attributions. You can use and modify them for private and commercial projects alike, as long as you keep a link back to HTML5up in place.
HTML5up: Demo and Download
Each template has its own demo page. This demo also allows to estimate how the template will look on smartphones and tablets. Thoroughly test everything from there and see if the given template suits your needs. If you decide to use a template, download the corresponding .zip. Images from the demo pages are included in the download and are also part of the deal.
The demos might not seem to work for you. This is just an issue of the implementation of the demo as iframes. Webkit browsers will show everything as should be, while other browsers will seem problematic. In this case, simply use a Webkit or download the packages and open the index.html. All templates generally work in all modern browsers, their iframe demos don’t.
External libraries, such as jQuery and html5shiv, are part of the package. Templates are all based on the brand-new frontend framework skel.js.
All you need to do is start. I already did…