Keylight - Light & Flat Portfolio

Keylight – Light & Flat Portfolio

Keylight is a straightforward one web page portfolio template, nice for showcasing your work or for a small company’s portfolio. It’s responsive and it’s primarily based on LESS, which makes it extremely customizable.

Features

Based on LESS, simply customizable. Change all the colours in seconds.
Fully Responsive – seems to be as nice on a telephone as on a desktop laptop.
Working AJAX type
Subtle scrolling and animations
3 forms of portfolio – slider, single merchandise and Dribbble gallery
Pricing desk
Easily configurable map & video part.

Support

Please use the remark part you probably have any assist questions.

Shots from Dribbble gamers used within the preview:

Appreciation. by Miroslav Rajkovic – http://dribbble.com/shots/1166598-Appreciation
Coaching iOS7 Concept by Julia Khusainova- http://dribbble.com/shots/1185125-Coaching-IO7-concept
Wedding Invitation Suite by Dillon Vrosh- http://dribbble.com/shots/1182267-Wedding-Invitation-Suite
Wallet One App by Workgroup genue – http://dribbble.com/shots/1175681-Wallet-One-App
Lydia Redesign by Vincent Tantardini – http://dribbble.com/shots/1172561-Lydia-Redesign
Blocket Redesign by Markus Dahlbom – http://dribbble.com/shots/1186662-Blocket-Redesign
iOS 7 Calendar App Redesign by Kyle Craven – http://dribbble.com/shots/1129981-iOS-7-Calendar-App-Redesign
My New Website Portfolio by Guglielmo Pardo – http://dribbble.com/shots/1183582-My-New-Website-Portfolio

Updates

Find out which model you may have by opening css/essential.css or css/essential.much less. If there’s no Version: X.X this implies you’re utilizing the bottom model 1.0. All newer variations have a Version: X.X line.

Version 1.2

FIX – type submission not working correctly, mounted.
If you’re updating from 1.0 or 1.1 please add ” technique=”POST” worth=”1000” ” to all information that use a type aspect. Then open course of.php and add $price range = strip_tags($_POST[‘budget’]); after $message = strip_tags($_POST[‘message’]); and Budget: $price range$n between Email: $emailn and Message: $messagen. If you don’t get this overwrtie course of.php with the brand new one and set it up together with your particulars.
FIX – essential navigation horizontal place for decrease resolutions.
If you’re updating from 1.0 or 1.1 pljust substitute essential.js

Version 1.1 + Guide how one can replace from 1.0:

If you’re updating from 1.0 copy and substitute the css/essential.css and css/essential.much less file together with your present ones & js/essential.js with the present one. Caution: in the event you’ve made modifications to those information, please make a backup after which reapply them on the brand new information.

FIX – singlePageNav now accepts exterior hyperlinks.
To apply this repair in model 1.0 replace file js/plugins/jquery.singlePageNav.min.js
To use an exterior hyperlink, please you’ll want to embody a category ’.exterior’ to the corresponding anchor.
FIX – .btn padding on completely different OSs on account of font rendering
To apply this in model 1.0 copy file js/plugins/jquery.fixClient.js from the obtain package deal to your web site in folder js/plugins. Then edit all HTML information to incorporate the brand new file (i.e. add line <script src=”js/plugins/jquery.fixClient.js”></script> on the backside of the HTML web page the place the opposite scripts are added, however not after essential.js)
Optional FIX – eradicating class .clearfix from regularly used components
To apply this delete clearfix class from these components: .row, .wrapper, .content material-container, .mainnav.
FIX – Single slider flickering in Safari for OS X
This might be robotically mounted whenever you substitute the CSS/LESS information.
FIX – Go to high hyperlink on the emblem and iOS flickering. Improved toggle button.
If you’re updating from 1.0, merely overwrite the present emblem anchor with <a href=”#” class=”emblem high”><img src=”img/samples/emblem.png” peak=”47px” width=”145px” alt=””></a>
FEATURE – Blog space in index.html
There’s a brand new weblog space in index.html which stands the place Elements was earlier than. Elements is now in a separate web page. If you’re updating from model 1.0 be sure that to open index.html from the brand new downloaded package deal after which copy the entire container that begins with <div id=”weblog” class=”part content material-container gray relative slender-carousel”> in your index.html file in your web site.
FEATURE – Blog single web page
There’s a brand new weblog single web page weblog-single.html
FEATURE – Portfolio single web page
There’s a brand new portfolio single web page portfolio-single.html