Thank you
- Due to local security restrictions, some things will not work locally, especially in Chrome. But everything will work once the files have been updated to your website.
- Use Firebug or Chrome Developer Tools.
- Do not start from scratch, use an existing page from the demo and modify it to learn how it works.
- Explore the live demo for pages ideas and sample code.
- css (Template CSS and LESS Files) - img (All Images) - js (Theme JS files) - php (PHP Helpers - I.E: Contact Us form.) - vendor (All external libs. We keep all of them in this folder to make updates easily.)
The template is based on Bootstrap Framework - http://twitter.github.com/bootstrap/
The default Bootstrap grid system utilizes 12 columns, making for a 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
The code is well commented
- styles.css - (general styles) - styles.less - (LESS MAIN FILE)
- variables.less - (LESS GENERAL MIXINS/VARIABLES FILE)
jQuery - is a Javascript library that greatly reduces the amount of code that you must write.
For more information, please visit http://www.jquery.com/
The initialization of the elements, libs and features is made by the file main.js, in the JS folder.
To change the embedded font, please take a look in the head part of the website and you will find this tag:
To change the font, first go to http://www.google.com/webfonts choose a font and use the generated code, then edit the css file.
The portfolio box is driven by the Nivo Lightbox script.
For more information check http://dev7studios.com/plugins/nivo-lightbox/
Regarding contact form as main part of Contact section, only thing you need to do is to setup your email address.
To do this, please open "php/contact-form.php" file and change this line:
1
|
$to = 'you@domain.com' ; |
One notice: this will be functional only on your server, php file can not be executed on your local computer.
Some servers may need to enable the SMTP configuration. You need to have a email account in your server. To do this uncomment these lines and fill with your data and with your server data:
//$mail->Host = 'mail.yourserver.com'; // Specify main and backup server
//$mail->SMTPAuth = true; // Enable SMTP authentication
//$mail->Username = 'username'; // SMTP username
//$mail->Password = 'secret'; // SMTP password
//$mail->SMTPSecure = 'tls'; // Enable encryption, 'ssl' also accepted
The template supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions:
Label: Desktop
Layout width: 1200px and up
Label: laptop
Layout width: 992px and up
Label: tablet
Layout width: 768px and up
Label: mobile
Layout width: 240px and up
The images included in preview are for demonstration purposes and should always be replaced with your own work. They are not included on this download.
Images (Demo only):
Flickr
If you need pictures please visit http://photodune.net/
Google Fonts - http://www.google.com/webfonts
Icons Font-face - http://fortawesome.github.com/Font-Awesome/
Scripts:
jQuery - http://www.jquery.com/
Bootstrap Framework - http://twitter.github.com/bootstrap
Nivo Lightbox - http://dev7studios.com/plugins/nivo-lightbox/
Modernizr - http://modernizr.com/
Jquery Validate - http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions.