This FineTune – Responsive Creative Portfolio Template is suitable for creative portfolio, fashion and corporate base website.
It looks great in Desktop, Tablet and Mobile device.
Both dark and light versions are available in download file.
History plugin is used in this file so you can book mark each and every page
It’s very easy to change the template color by just editing a single color.css file.
Complete Help document is included
Unique feature:
Touch swipe support
Book mark each and every page
Lazyload for Project/News images (images are load only when project display)
High and low resolution image for Desktop and Mobile device
Both one page version and normal pages version are in one file
Features:
- Responsive design
- Both one page version and separate pages version is available on separate folder
- Set background image for each page. Set High and low resolution image for Desktop and Mobile device on each page. so that Mobile devices will load low resolution version of images to gain performance as well as saves download time.
- Flexible Portfolio and News page.
- Six types of portfolio variations
- Option to set number of thumbnails in portfolio / News page
- Lazyload for project images. The images are load only when the project display. Option to add high and low resolution image
- Full Screen gallery with Nice text animation. Option to set High and low resolution image
- Isotope filterable gallery
- Three variation of Blog post. Open the separate page for single blog post
- Flexslider
- support vimeo and youtube videos. Option to set video cover image
- Ajax contact form
- Fancybox plug-in
- Look perfect in Desktop, Ipad and mobile device
- Full screen Toggle button
- Available Black and white version. There are four separate folder available in download file.
- Easy to change the color
- PSD files included
Page Screenshots ( Click the below image to see the page )
Portfolio detail page (show on screen width greater 1024)
ipad view
Mobile view
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; }Updated:
14 FEB 2013 – Replace # tag to #! in url to make search engine friendly
FONT
In this template the google font (Open+Sans) is used for Menu, Ttile and some body text. The other text are Helvetica font family, ‘Lucida Sans Unicode’, ‘Lucida Grande’, Arial, sans-serif.
You can easily change the google font by linking the google font in custom.js file
Sources and Credits
skeleton – www.getskeleton.com
History – http://tkyk.github.com/jquery-history-plugin/
jScrollPane – http://jscrollpane.kelvinluck.com/
Mouse wheel – http://brandonaaron.net/code/mousewheel/docs
Vegas – http://vegas.jaysalvat.com/
FancyBox - http://fancybox.net
isotope – http://isotope.metafizzy.co/
FlexSlider – http://www.woothemes.com/flexslider/
tipsy (tool tip) - http://tooltipsy.com/
About preview images:
All images are purchased and licensed from http://depositphotos.com/
The preview images doesn’t included in purchase download file.
If you have any questions about this file contact me through my profile page.
