Crafty – Free HTML5 Responsive Template

Crafty free html5 css3 responsive template

Crafty is an amazing, beautiful template we published last week, this week we are sharing with you the responsive HTML5 template version, it looks amazing on tablets and phones, and it’s very fast to load, the source files are well-organised, the crafty HTML5 Responsive Template is well-coded, commented and easy to modify, you can easily customize it to fit you needs.

Get Free Update !

Join our mailing list today and receive exclusive web design tutorials and high quality free web resources.

  • Esteban

    Is this a WordPress theme?

    • http://Pixelhint.com/ Pixelhint

      No it’s an HTML5/CSS3 template

  • Bill

    Hi, I’m wondering what the license for this template, as well as the other freebies on this site. Thanks

    • http://Pixelhint.com/ Pixelhint

      Hi Bill, all the templates are free to use only for personal and clients projects, you will find more details in the downloadable file.

      • Bill

        Thanks a lot. I found the license file.

        • http://Pixelhint.com/ Pixelhint

          You are welcome, let us know if you have any additional questions.

  • Arnon

    This is an amazing crisp and clean theme. I have been playing with it a bit to help with my coding skills, I do have one question, how do you adjust the time of the transition for the Testimonials slider?? ( I would assume it is in the javascript or CSS but I can’t figure it out)

    • http://Pixelhint.com/ Pixelhint

      Hi Arnon Thank you for your nice comment, for your question about time of the transition follow the following steps :

      1 – Go and open in your text editor the ‘main.js’ file which is located inside the ‘js’ folder.

      2 – Inside the .carouFredSel() function you will find an object called ‘scroll : {}’ add to it this property -> duration : 500, you can change the duration value to what ever you want.

      Here is the complete code for the scroll object:
      scroll : {
      items : 1,
      fx : “fade”,
      duration : 500
      }

      Let us know if you need more help or have additional questions.

      • Arnon

        That worked! Javascript is awesome. Question… The 500 property, what kind of measurement is it? for example 500 = 5 seconds? Just curious.

        Also once again I have to say, this theme kicks ass! The CSS is very well organized.

        • http://Pixelhint.com/ Pixelhint

          You are welcome @disqus_mF5o7Wq0Xs:disqus, the 500 = 5 seconds, you can also write this value 5e2 (5e2 = 500).
          Thanks for you comment, we are glad to hear that you like it.

  • Gregor

    Hi there, thanks for that very nice Template, it make a lot of fun to work with it. I have a question to the Testimonials slider. Is it possible that i get a width:100%;? for the textarea? I’ve tried a lot so far but unfortunately it doesnt work. I want to create for each class=”t” an background-image and i want this image as large as the billboard look like.

    Greetings Gregor

  • Crafty

    LOVE this one!
    Haven’t figured out how to make room for an AD, but nice clean template. Thank You!

  • Alexander North

    Really liking this theme overall. Has anyone put together a sub-menu as part of this navigator?

  • Cheryle

    Hey there. I love this template and am using it for our organization, but I am having an issue with the responsiveness on various devices. Desktop looks fine, but something weird is happening with the social media and slider as you reduce the monitor size.

    • http://Pixelhint.com/ Pixelhint

      hi @disqus_LkQWP37kUZ:disqus , there is only one slider in this template which is the testimonials slider, you did not implement the template very well that’s why you are having problems with the responsiveness.

      • Cheryle

        I added a photo slider to the site using the same slider which is supposedly responsive. To say it was not implemented well doesn’t answer my question, and you should elaborate on the “not implement well”…. the social media not wrapping properly in the header has nothing to do with the slider. If you don’t want to offer constructive advice, say so….

      • Cheryle

        But I still love the template! I will keep working at it. Thanks.

  • http://www.professionalresumeonline.com Laura Cab

    Hi there, this may sound like a silly question, forgive me for my lack of tech knowledge I was wondering how you would incorporate this website template into an existing hosting server that already have there own templates. If that makes sense.

  • Yves

    Hello, very nice template indeed! When extending this to a website with several pages, topbar does not link to another html page. A limitation to internal links somewhere in js? I could not find it.

  • Yves

    My workaround: transform to comment the 4 lines under “Mean navigation
    menu scroll to” in main.js. Is it the recommended practice? Best
    regards.

    • http://Pixelhint.com/ Pixelhint

      Hi @disqus_XblDAZWpdM:disqus
      Yes, it’s the right way, just don’t forget to remove the line of code below from the “index.html” file.

      • Yves

        Thank you. I had missed that, although it worked anyway. Best regards.

  • Yves

    Sorry, my two previous comments related to experience with Volcano template, not Crafty.