casual - Responsive Retina Ready HTML Template

casual – Responsive Retina Ready HTML Template is suitable for creative portfolio, fashion, studio agencies. Can be used as one page or separate pages versions or combine both the files as per your need.
It’s very easy to change the template colour by just editing a single color.css file.
It looks great in Desktop, Tablet and Mobile device.

Features:

• Responsive design
• Retina Redy, pixel perfect view in retina device like ipad and iphone
• Valide HTML5
• One page and Separate pages Template are availiable in separate folder
• Isotope filterable Portfolio and Flexible to show the project details.
• Fullscreen banner.
• Nice Music player
• Lazyload to any images. It used to load the image only when the that page is display
• Set High and low resolution image for Desktop and Mobile device. so that Mobile devices will load low resolution version of images to gain performance as well as saves download time.
• Full Screen image gallery with Image caption. Option to set High and low resolution image for full screen gallery
• Simple of Blog post and Open the separate page for blog detail page
• Flexslider
• support video and youtube. Option to set video cover image
• Ajax contact form
• Fancybox plug-in
• PSD files included

FONT

In this template Google font Droid Sans and Open Sans is used

Note for video background

If you have problems with the video background, please follow the below stop

Open your .htaccess file and add these lines:

AddType video/x-m4v m4v mp4

AddType video/ogg ogv

AddType audio/ogg oga ogg

Sources and Credits

skeleton – www.getskeleton.com
History – http://tkyk.github.com/jquery-history-plugin/
nicescroll – http://areaaperta.com/nicescroll
jScrollPane – http://jscrollpane.kelvinluck.com/
Mouse wheel – http://brandonaaron.net/code/mousewheel/docs
Vegas – http://vegas.jaysalvat.com/
jplayer - http://www.jplayer.org
FancyBox - http://fancybox.net
isotope – http://isotope.metafizzy.co/
FlexSlider – http://www.woothemes.com/flexslider/
tipsy (tool tip) - http://tooltipsy.com/

Code Update

28 Jan 2014
Chrome browser (Version 32.0.1700.76 m) have update on TouchEvent. please replace the below code in custom.min.js file

 /* Find touch device */ try { isTouch = true; document.createEvent('TouchEvent'); } catch (e) { isTouch = false; } 

REPLACE TO

 /* Find touch device */ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { isTouch = true; } 

Images:
The images in this template are used only for preview not in download file:
Kevin.Roodhorst
kylelane66
dmaabsta
http://dunsky.ru/

Music:
Music is taken fron the audiojungle,
You can download here metrolightmusic

If you have any questions about this file contact me through my profile page.

Check out my other files: