HTML5 Charity Center Template

Posted by Martin Angelov on Dec 19th, 2011 in

With the help of our friends over at Grafpedia, I am happy to share with you a beautiful charity web site template to kick-start your development efforts. It is fully coded in HTML5 and uses the tiny Craftyslider jQuery plugin.

HTML5 Charity Template

HTML5 Charity Template

Grafpedia have also published a tutorial on how the design was created. Refer to the included readme for the license.

Happy coding!

Sharing is caring

If you enjoyed this post, feel free to
share it with your friends.

Related Tutorials

  • Apple-like Login Form with CSS 3D Transforms
  • Enhance Your Website with the FullScreen API
  • Question of the Day with CodeIgniter and MySQL
  • Making a jQuery Countdown Timer

12 Comments

  1. Anıl Bilir says:

    Very Good Template! Thank you Martin.

  2. krypto says:

    Great stuff mate! :)

  3. Simon says:

    thanks for sharing this template!

  4. Mister says:

    Hi Martin,

    Brilliant post as always..

    But in this case you should use that to solve html5 incompatibility problems with ie7 and ie8.

    <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    
    1. Martin Angelov says:

      Thank you for the suggestion! I added it to the template.

  5. Max Requiao says:

    Muito bom esse template, muito bonito

  6. Vladimir says:

    Hi
    Thanks for really great template.
    I found one bug, if you lose focus from browser tab, and after some time back on that tab, you will noticed that slideshow go crazy.
    I had similar problem in my previous work. Do you know what is problem ?

    Thanks

    //Vlad

    1. Dean says:

      I see what you mean.
      It almost looks like the browser tries to catch up with the transitions/animations that were not shown.

      I would say that you might need some sought of pause function for when the browser is minimised or the tab is not in focus.

      1. Maxine says:

        How would I be able to fix this issue with the slide show? It seems like I’ve tried everything.. Can you help me? :)

        Thank you!

  7. Josh Bedo says:

    Very cool template, I think I’m going to make it responsive for mobile and tablet devices.

  8. Very good template! i must make my site more responsive.

    Thanks!

  9. pinoyconsole says:

    Really great templates, thank you

Subscribe for the comments on this postAdd Comment

Add a Reply

HTML is escaped automatically. Surround code blocks with <pre> for readability.
Perks:   **bold**   __italics__   [link](http://example.com)