Crafty - Responsive Retina-ready HTML Template
Meet Crafty!
Crafty is a visually stunning and incredibly powerful HTML5/CSS3 Site template, combining a gorgeous design with rock-solid functionality. Built upon Bootstrap, it’s completely responsive and looks razor-sharp on any device. To compliment it’s responsive functionality, this template is also completely retina-ready. The entire template is image independent, all page elements have been created solely by using CSS and an icon font, making sure the page is rendered crystal-clear on any device. That also means this template is lightning fast since no images have to be loaded for it’s layout. Awesome.
Built for corporate businesses and creative agencies alike, this template has everything you would expect and more! This template ships with a ton of features, in addition to the functionality provided by Bootstrap and all base typography has been covered. Impress your clients with the eye-catching full-width homepage slider and use the jQuery Isotope powered portfolio to beautifully display your work or products. And of course, a fully functional contact form is ready to go!
You can find the WordPress version here.
Features
- Beautiful & modern design, looks gorgeous on any device
- Valid and easy to use HTML5 & CSS3, powered by jQuery
- 3 responsive sliders included: LayerSlider($10 value!), FlexSlider & NivoSlider
- 8 predefined color themes, easily add your own
- Built upon Bootstrap, ready to go!
- Fully Responsive & optimized for smartphones and tablets
- Retina-ready, looks stunning on any device!
- Icon font included containing 300+ icons, use them in lists, button and more!
- Portfolio with Isotope powered filtering($25 value!)
- Multiple portfolio page variants
- Tabbed content pages, with both horizontal & vertical navigation.
- Twitter implementation
- Google Maps implementation
- Multiple blog page variants
- Fully functional PHP+AJAX contact form
Documentation
- Documentation help file included.
- All layered and commented PSD’s included.
- Documented HTML pages, elements & widgets.
Support
Customer satisfaction is our top priority, don’t hesitate to contact us using the contact form on our profile page if you require any assistance.
Changelog
25-06-2013
Version 1.3
- Added support for new Twitter V1.1 API
14-03-2013
Version 1.2
- Bootstrap 2.3.1 updated
- Style.css updated with a few fixes
- preloadify.js updated with a small bugfix
09-02-2013
Version 1.1
- Bootstrap 2.3 ready
- Fix for HTML5 placeholders in IE
08-01-2013
Version 1.0.1
- Fixes a small CSS bug with the horizontal tabbed content in FireFox
- Added 2 new page templates: 404.html & faq.html
05-01-2013
1.0 - Initial Release
25-06-2013
Version 1.3
- Added support for new Twitter V1.1 API
14-03-2013
Version 1.2
- Bootstrap 2.3.1 updated
- Style.css updated with a few fixes
- preloadify.js updated with a small bugfix
09-02-2013
Version 1.1
- Bootstrap 2.3 ready
- Fix for HTML5 placeholders in IE
08-01-2013
Version 1.0.1
- Fixes a small CSS bug with the horizontal tabbed content in FireFox
- Added 2 new page templates: 404.html & faq.html
05-01-2013
1.0 - Initial Release
If I remove div id=”mapCanvas” from a page so that the Google map doesn’t show, the the “To Top” button no longer works. I don’t want the map but I do want the To Top button. Why is the button dependent on the map?
ReplyDeleteI am using the subpage-sidebar-left template.
Hi there,
ReplyDeleteplease take a look at this comment.
Kind regards,
66Themes
Thank you for the quick reply… I’m impressed.
ReplyDeleteI took a look at the Post you referred to, but the code that needs removing no longer appears in the post. Can you post it again please?
No problem!
ReplyDeleteThe code was never in the post, but I pointed out where to find it:
In the js/script.js file, search for: ‘Google Maps init’. Remove the code below. ‘Below’ meaning right below the text you searched for inside that file
Hope this helps!
Kind regards,
66Themes
That’s what I thought but when I removed the code from Google Maps init, the “To Top” button no longer worked so I figured there must be more to it. Do I leave the Google Maps init section header in place and just remove the code?
ReplyDeleteCleared the cache on my laptop and everything is working fine now.
ReplyDeleteThank you for your help!
No problem!
ReplyDeleteIt looks that the LayerSlider doesn’t work on my mainpage I see a loading loop and in the preview section I see this:
ReplyDeleteIt looks like you are using an old version (1.10.2) of the jQuery library. LayerSlider requires at least version 1.7.0 or newer. If you are using the WordPress version of LayerSlider, you can try out the “jQuery Updater” plugin from the WP plugin depository. If you don’t know what to do, you can write us a private message from our CodeCanyon profile page. We need a temporary WP admin account (or a temporary FTP account in some cases) to solve this issue.
Hi,
ReplyDeleteUnfortunately, I only provide support to registered purchases. Did you buy the item under a different account? If so, login to that account and give me a heads up.
Thanks!
Kind regards,
66Themes
Yeah, the problem is that I written in the wrong section. I have bought the Wordpress version
ReplyDeleteHaha, that’s okay!
ReplyDeleteI just upgraded WordPress to version 3.6 and I’m getting the exact same error. The LayerSlider plugin seems to confuse the latest jQuery version with an old one for some reason.
I don’t think they have released an update yet, but I’m going to look into it and will update the theme as soon as a fix is available!
Kind regards,
66Themes
So you are suggesting me to proceed with an earlier version of WP?
ReplyDeleteCheers,
Franco
For now, a better alternative would be to load your own copy of a lower jQuery version or one via a CDN. Check out this link for an example.
ReplyDeleteCheers!
HI, Just purchased the theme.
ReplyDeleteHaven’t touched the theme yet, but the photo slider (in Latest Project/ Our Partners) not working.
Whats the deal?
in fact none of the scripts are running. What is the problem?
ReplyDeleteI think i tracked the problem. it seems i must disable php to be sure that scripts are running properly on the localhost (strange thought)
ReplyDeleteHi there,
ReplyDeleteThank you for your purchase!
Make sure you properly setup the Twitter API first. If it’s not configured correctly, the JavaScript plugin may throw errors causing other code to break.
See the documentation on how to setup the API.
Let me know if you require any more assistance!
Kind regards,
66Themes
Well what you have explain is for wordpress. what to do after getting those keys in html version? where we should check to replace new keys?
ReplyDeleteHi there,
ReplyDeleteyou’re right, my bad! The only difference is the path to the file, which is assets/twitter/index.php. You can enter your API details in there.
Cheers!
Cannot for the life of me to get the twitter api to work, it just says – loading latest tweets…
ReplyDeleteHi there,
ReplyDeleteHave you properly setup your twitter app and entered the 4 keys as described in the documentation? Are you getting any Javascript errors in the console?
Kind regards,
66Themes
Hi, Yes I have set up the twitter app correctly and not getting any errors in the js console. I am using the html version of the theme.
ReplyDeleteIt was working previously until twitter updated its api rules. I made the changes that you recommended in your update and it worked for a while but it has not worked for a few months now. I left it it but I want to resolve it again.
ReplyDeleteKind regards
Strange it stopped working. Could you provide me with the URL to the site so I can have a look?
ReplyDeleteThanks!
Cheers!
www.websta.co
ReplyDeleteAre you sure you’re using the most recent version of the jQuery tweet plugin? I’m seeing an error that the old API is being called which indicates it’s the older version.
ReplyDeleteIs it possible you can provide a download link for the latest file?
ReplyDeleteThanks
Sure, you can find it right here: https://github.com/StanScates/Tweet.js-Mod
ReplyDeleteHey Guys,
ReplyDeleteThe Twitter API just doesn’t work by some reason. I’ve changed the tokens, keys in the assets/twitter/index.php and in the tmhAuth.php as well but it still doesen’t trigger the feeds. Any idea what could have gone wrong?
Cheers!
Hi there,
ReplyDeletedo you have an example site I can take a look at? It would help the troubleshooting process!
If I had to make a guess, I’d say make sure that the ‘modpath’ is pointing to the correct file.
Kind regards,
66Themes
Hi! I need some help with my site I created using your template. www.kbautoglass.com
ReplyDeleteI have a second contact form (www.kbautoglass.com/ref-form.html) which I can’t get to work. The HTML is good (I think) but I can get it to go through or validate after submitted.
I understand this is not part of your support, so I’m willing to pay you to help me with this. I REALLY NEED TO GET THIS DONE ASAP!
Thank you so much!!!!
First of all, I purchased the theme. The problems are so many, I don’t know where to start so I’ll mention just the most important ones.
ReplyDelete1. The automatic slider doesn’t work.
2. The menu float function is not working although is loaded through script.js.
3. The position of the background image for the sliders is aligned to left instead of always be on the center (for those who have resolutions more than FullHD is just nasty).
4. “To top” button is overlapping the footer section in the index.html file, although on the other pages is displayed correctly.
For now, please resolve those things and I will get back with episode 2 .
No offense, but, when you try to sell a product, those things are a bit annoying sometimes for the customers!
Best wishes, and really hopping you don’t get mad of my report,
Alex.