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

  • How to use Geolocation and Yahoo's APIs to build a simple weather webapp
  • TouchTouch - A Touch Optimized Gallery Plugin
  • 5 Lightweight jQuery Alternatives for Mobile Development
  • Timeline Portfolio

16 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.

    2. nandan says:

      AWESOMEEEEEEEEEEEEEEEEE!!!!

      but need to add the below script in head tag to avoid incompatiblity problems with ie7,8 and some versions of mozilla

      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

  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

  10. Niall says:

    Awesome template. I don't like the short delay on the slider but that's easily changed anyways. Thanks!

    1. Maxine says:

      Hi Niall, Can you please tell me how to fix the slider? Thank you! :)

  11. jagooweb says:

    veri nice templates

Subscribe for the comments on this postAdd Comment

Add a Reply

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