casual - Responsive Retina Ready HTML Template

casual – Responsive Retina Ready HTML Template is suitable for creative portfolio, fashion, studio agencies. Can be use as one page or seperate pages versions or combine both the files as per you need.
It’s very easy to change the template color 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.