Grains Of Sand Web Design, CSS Demos & HTML5 Templates by tupence

Free HTML5 Templates

In this section of the site you'll find a collection of free website templates built using HTML5 and CSS3. All you need to do is add your own text and images. The downloadable files are heavily commented to help you customise them as you require.

If you would prefer a template built to your own specification, I can build one for £40, alternatively, I can customise on of these templates for £20. Simply let me know your requirements.

Slate Grey - HTML5 Template

Slate Grey HTML5 template

A dark fixed width template that uses shades of grey for definition.

Source files and demos for the CSS3 used can be found on Slate Grey template's info page.

Added 4 February 2013 - updated June 2014

More Info about the Slate Grey template... or View Demo of the Slate Grey template

Simple White - HTML5 Template

Simple White template

A clean, simple looking, multi column, fixed width HTML5 & CSS3 template

Source files and demos for the CSS3 used can be found on Simple White template's info page.

Added 29 May 2012 - updated June 2014

More Info about the Simple White template... or View Demo of the Simple White template

Shiny Blue - HTML5 Template

Shiny Blue template

A clean, fixed width, two column HTML5 & CSS3 template.

Source files and demos for the CSS3 used can be found on Shiny Blue template's info page.

Added 25 October 2011 - updated June 2014

More Info about the Shiny Blue template... or View Demo of the Shiny Blue template

Purple Texture - HTML5 Template

Purple Texture template

A two column HTML5 & CSS3 template that uses textured backgrounds and plain white content areas.

Source files and demos for the CSS3 used can be found on Purple Texture template's info page.

Added 23 July 2011 - updated June 2014

More Info on Purple Texture template... or View Demo of Purple Texture template

Dark Reflection - HTML5 Template

Dark Reflections template

A two column HTML5 & CSS3 template that uses black with shades of grey and transparency to define the sections of the page

Source files and demos for the CSS3 used can be found on Dark Reflection template's info page.

Added 12 June 2011 - updated June 2014

More Info about the Reflections template... or View Demo of the Dark Reflections template

Old Poster - HTML5 Template

Old Poster template

A single column CSS3 & HTML5 template, with a paper background and old style fonts in the headings to give an old poster effect.

Source files and demos for the CSS3 used can be found on Poster template's info page.

Added 1 June 2011 - updated June 2014

More Info about the Old Poster template... or View Demo of Old Poster template

Block Colour - HTML5 Template

Block Colour template

A clean gallery that utilises CSS3 to create a Polaroid effect on plain images. The template uses a pale background and one strong colour for highlighting headings and links.

Source files and demos for the CSS3 used can be found on Block Colour template's info page.

Added 27 May 2011 - updated June 2014

More Info about the Block Colour template... or View Demo of the Block Colour template

Bubbles - HTML5 Template

Bubbles template

Bubbles is a two column, fixed width HTML5 & CSS3 template, that uses light text on a dark background.

Source files and demos for the CSS3 used can be found on Bubbles template's info page.

Added 25 May 2011 - updated June 2014

More Info about the Bubbles template... or View Demo of the Bubbles template