FineTune 32.0.1700.76 - Responsive Creative Portfolio Template

Key features

• Responsive design that looks great on Desktop, Tablet, and Mobile devices
• Dark and light versions available in the download file
• History plugin used to bookmark each page
• Easy color customization by editing a single color.css file
• Complete Help document included
• Touch swipe support for intuitive navigation
• Lazyload for Project/News images (images load only when the project is displayed)
• High and low resolution image support for Desktop and Mobile devices
• Both one-page version and normal pages version are contained in one file

Layout variants and page structure

• Six types of portfolio variations to showcase work in different formats
• Option to set the number of thumbnails in portfolio and News pages
• Full Screen gallery with Nice text animation
• Isotope filterable gallery for dynamic, client-side filtering
• Three variations of Blog post layouts
• Open the separate page for a single blog post
• Two major layout modes: one-page version and separate pages version
• Set background image for each page, with per-page high/low resolution images to optimize mobile performance

Media optimization and performance

• Set background image for each page to tailor visuals
• Configure high and low resolution images per page for Desktop and Mobile
• On mobile devices, low-resolution images load to improve performance and reduce download time
• Lazyload for project images to improve initial load times
• Full Screen gallery with optimized text animations

UI components, interactions, and media

• Ajax contact form for seamless submissions
• Fancybox plug-in for elegant lightbox-style image viewing
• Full-screen toggle button for immersive viewing
• Eight+ additional interactive features including a video gallery with social-friendly embeds

Video and media support

• Support for Vimeo and YouTube videos with an option to set a video cover image
• Flexible video integration within the portfolio and blog sections

Branding, colors, and typography

• Easy to change colors to fit branding needs
• Available Black and white versions; four separate folders in download file
• PSD files included for advanced customization
• Fonts and typography: Google font (Open+Sans) is used for Menu, Title, and some body text; other text uses Helvetica, Lucida Sans Unicode, Lucida Grande, Arial, sans-serif
• Easy to change the Google font by linking the Google font in custom.js

Code updates and search engine optimization notes

• Code Update (28 Jan 2014): Chrome browser (Version 32.0.1700.76 m) touch event handling update — replace the old touch device detection with a UA-based check
• Updated (14 FEB 2013): Replace # tag with #! in URL to make search engine friendly

Fonts and typography details

• Open+Sans is used as the Google font for menu, titles, and some body text
• The remaining text uses a stack including Helvetica, Lucida Sans Unicode, Lucida Grande, Arial, sans-serif

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/

Preview images and licensing

All images are purchased and licensed from http://depositphotos.com/; preview images are not included in the purchase download file.

Support and inquiries

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

Related files and downloads

Check out my other files for additional templates and creative assets.