Howdy!

You are a shining owner of a regular license based on Bare Agency Theme

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are entitled to get free updates to this product + exceptional support (as per market policy) from the author directly.

This documentation is to help you undesrstand the template's structure. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template.

1. Getting Started

When you are ready to use this template, you must first upload the template files to a local or remote server. In this regard, unzip the template package you have downloaded from themeforest. In extracted folder you can see following folders:

Package contents

• Template — Contains all the original template files comprises of HTML, CSS, JS etc. This is the folder which you'll upload on your server after necessary modifications.
• Documentation — Inside this folder you will find this same documentation updated with the last changes.

Details regarding contents and structure of template folder is given below.

2. HTML Files

This template consist of 10 handcrafted HTML pages. All of these pages can be found at the root of the template folder. Despite the different contents of each page all of these pages have a common markup structure. Here is a very trimmed down version of a standard page structure. Note that for brevity, I'm not including content that isn’t relevant to the technique.

3. Stylesheet Files

All styling realted files of this template can be found in the folder named styles.

styles/
|
|-- scss/           # source files for main.css
|-- vendor.css
|-- main.css

As it can be seen, In this folder there are 2 .css files. vendor.css file contains styles of all third party plugins and libraries used in the production of this template (list of which can be found at the end of this documentation). Whereas, main.css is the primary file which comprises of all custom defined styles for this template.

As main.css is a pretty big file and one may might feel lost in it while editing any specific portfion of it, for this I've included the source files of this stylesheet for advance users. These source files are categorised in a logical hierarchy of mutiple files and sub-folders. You can find these files in scss folder.

To compile these .scss files you may need some node.js environment or any third party software. More details on it can be found here.

4. Javascript Files

All client-side related javascript files can be found in the scripts folder.

scripts/
|
|-- vendor/           
|   `-- modernizr.js
|-- plugins.js
|-- main.js

In this folder there are 3 files. modernizr.js and plugins.js are both third-party javascript libraries used in the template (list of which can be found at the end of this documentation). Former file is called in the head tag of every page whereas latter one is called just before the closing body tag.

On the other hand, main.js file contains all the custom programmed javascript coded specifically for this template.

5. Support Desk

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature.

6. Files & Resources

The template uses following resources by third parties.

• jQuery
• Modernizr
• Foundation Framework
• Royal Slider
• Superfish
• Magnific Popup
• Background Check
• Images Loaded
• Validate
• Slidebars
• Smooth Scroll
• Google Fonts
• Font Awesome