44 Responses to Free HTML5 template

1. Gojeg says:

   January 11, 2010 at 7:51 am

   Can I implement it on Blogger/WP template?

2. Peter says:

   January 11, 2010 at 10:49 am

   @ Gojeg, you are free to implement it wherever you would like. It does not work out of the box with either WP or Blogger but should you wish to turn it into a template please feel free to do so.

3. Pingback: Html5 & CSS3 layout tutorials and templates

4. Pingback: 15 Useful CSS3 and HTML3 Templates and Frameworks - Speckyboy Design Magazine

5. Pingback: 10 usefull css3 and html 5 templates | webozaurus.com | from dinosaurs to today's web technologies

6. Gary says:

   May 7, 2010 at 9:24 pm

   Thank you very much. These two templates look easily customizable. You are a blessing to fledgling designers.

7. Peter says:

   May 10, 2010 at 10:06 am

   You are welcome Gary, let us know if there is anything in particular you are looking for in the future versions.

8. Pingback: 10 plantillas HTML5/CSS3 para ir practicando | Recursos para Diseñadores Gráficos y Web | Creativos Online

9. Pingback: 10 plantillas HTML5/CSS3 | RiCoTeRo X Blog

10. Pingback: 10 + HTML5-CSS3 Website Template: progettiamo il web di domani! | paitadesignblog

11. Pingback: 15 Free HTML5-CSS3 Templates to Start the Future of Web Design | blogfreakz.com

12. chris says:

    June 17, 2010 at 12:57 am

    Thank you!

    I have an issue though, this might be simple CSS, but I’m not too familiar with it.. I have just begun editing this template a bit to use on my dad’s site.

    uruapanauto.com/2col/ Only issue so far since i’m trying to get the layout right before I edit colors and such, is, how do I move my text more to the left from the article tags?

13. Sandip Waghmare says:

    June 17, 2010 at 7:59 am

    Thanks 4 templates.

14. Peter says:

    June 17, 2010 at 10:25 am

    Hi Chris, I’m not really sure what you mean. If it is the text inside the article tag you can decrease the padding from 20px on article (line 52 of css) and if you do that you should also decrease the article h1 (line 189 of CSS) by the same amount to keep the text aligned.

    The only other thing I can think of that you might mean is increasing the gap between the section of the left and the article itself. That can be done by reducing the width of the article (line 52 of css).

    Let me know if you still need help.

15. Pingback: HTML5- und CSS3-Templates und -Tutorials | CSS, HTML, Templates, Tutorials | Dr. Web Magazin

16. web tasarımı says:

    August 28, 2010 at 7:32 pm

    thanks for sharing, nice templates..

17. seolar says:

    September 5, 2010 at 9:08 pm

    Very useful basic template. I think it will be really good starting point for own creations.

18. Pingback: 12 Free HTML5 and CSS3 Templates and Frameworks To Get You Started | Devlounge

19. DWW Dennis Weidmann Webdesign Koblenz says:

    September 23, 2010 at 8:58 pm

    nice informations thank you!!!

20. silvia says:

    September 26, 2010 at 3:52 pm

    hi!
    I’d like to see an image gallery in html5. with different sections image zoom

21. Pingback: 25 Best Html5 Tutorials & Demos and Resources

22. Pingback: 16 Plantillas HTML5 gratis y útiles

23. Pingback: 从现在开始让我们爱上HTML5 | 完美时光

24. Pingback: How To Start Using HTML5 + CSS3 Now! | The KO Design Blog

25. Pat says:

    January 13, 2011 at 2:49 pm

    Hello,
    The HTML5 templates are very interesting.
    I’m curious as to how you constructed them. What WYSIWYG editor was used?

    I’m using an ancient DreamweaverMX2004 editor.

    What would you suggest be used to design in HTML5 and CSS3?

    Also, ‘article’ seems to replace ‘div’, is this correct?

    Thanks!

26. Peter says:

    January 13, 2011 at 2:53 pm

    Hi Pat,

    I’m glad you are excited about the new HTML5 tags; as are we, unfortunately it will take quite some time before we can implement the majority of them while taking browser support into account. See http://www.findmebyip.com/litmus/ and you will know what I mean.

    The templates were hand coded in Dreamweaver MX but not in WYSIWYG mode. I don’t think there is any WYSIWYG software with support for all the new tags yet, but I may be wrong. So as you can see it doesn’t matter how old your software is, you can use what you have, but you need to get into the code. The same goes for the CSS, you need to learn the new selectors, understand what works in which browsers and make judgment calls on what to use and what to wait with.

    Article is just one of the new tags in HTML5 and it doesn’t really replace the div, as we use divs for other things (as divs) the article is a new semantic tag, telling us this is the main article of the page. Same as the “header” and “footer” has its own tags.

    A few good resources if you are just starting out would be:
    http://www.html5rocks.com/
    http://www.focus.com/images/view/11905/
    http://diveintohtml5.org/
    http://www.css3.info/

    Good luck, and keep us posted on your progress!

27. matrobriva says:

    January 20, 2011 at 5:54 pm

    Wonderful layout.

28. Pingback: 20 Fresh Free HTML5 And CSS3 Website Templates And Tutorials | Bloggermint

29. Pingback: 24 templates gratuits HTML5 et CSS3 | Kimly

30. Karen Denning says:

    July 17, 2011 at 9:38 pm

    Very nice looking template!

    Thank you for generously sharing this with others to learn from

    ~Karen

31. Sanju says:

    August 29, 2011 at 9:38 am

    Nice templates. Thanks for Sharing

32. Pingback: 15 Free HTML5 and CSS Templates

33. Pingback: Photoshop VIP ☞ HTML5とCSS3でデザインされた無料テンプレート素材15個まとめ (PSDファイル付)

34. Pingback: 免费html5模板 | 老K博客

35. yannick says:

    October 19, 2011 at 6:40 pm

    i want more template.
    please ok
    you are the best

36. Peter says:

    October 20, 2011 at 9:02 am

    Yannick, we are working on some more, check back soon.

37. Pingback: FREE HTML5 and CSS3 Themes for Wordpress | TBX Studio

38. Jess says:

    November 20, 2011 at 12:11 am

    Thanks for the demo, great inspiration for a newbie at HTML5 and CSS3

39. Kristen says:

    November 21, 2011 at 5:19 pm

    HTML5 template with slides does not work in IE 7 or 8 – images and pagination don’t show up.

    Changing $(‘#slides’).slides({
    to $(‘aside#slides’).slidesContent({ and changing the appropriate names in the html and css makes the initial image show up in IE 7 and 8, but then the slide functionality doesn’t work.

    The downloaded index file doesn’t even seem to run in IE. Any ideas on either problem?

40. Pingback: 40 Beautiful Free HTML5 & CSS3 Templates

41. Pingback: 15 Templates HTML5 y CSS | Soy programador

42. Peter says:

    December 5, 2011 at 1:56 pm

    @Kristen, I’ve downloaded the template and have no problems running it in IE6, 7 and 8. Try and download the zip again, maybe one of the files got corrupted during download?

43. Pricilla Macmillen says:

    January 5, 2012 at 7:37 am

    Hey, your is a Amazing page. I love this page, I have liked it on Twitter.

44. Lynn Allen says:

    January 5, 2012 at 9:37 pm

    thank you so much! I have a faculty member who needs a personal page. We both love this template, and you so so kind to offer it for free.