Folder Structure

Template folder structure:

+-- app/
| +-- addons/ 
| | +-- Magnific-Popup/ 
| | +-- Paraxify/ 
| | +-- jquery.smooth-scroll.min.js
| | +-- modernizr-2.8.3.min.js 
| +-- css/
| | | +-- scss/ 
| | | | +-- elements/
| | | | +-- utils/ 
| | | +-- source-maps/
| +-- fonts/
| | +--font-awesome/
| | +--icomoon/
| +-- images/
| +-- img-assets/
| +-- js/
| | +-- plugins/
| | +-- script.js
| +-- index.html
| +-- login.html
+-- gulpfile.js
+-- package.json

App folder contains the template ready to be customized using npm. For those who don’t use npm should use the “dist” folder for customizations.

Addons Folder

This folder contains various modules for the html template:

Magnific-Popup

Folder: app/addons/Magnific-Popup

This plugin is used for images and video popup

More documentation about this plugin here

http://dimsemenov.com/plugins/magnific-popup/documentation.html

Smooth Scroll

Folder: app/addons/

More details about this plugin

https://github.com/kswedberg/jquery-smooth-scroll

Paraxify

Folder: app/addons/

More details about this plugin

https://github.com/jaicab/Paraxify.js

This plugin is used together with  modernizr’s touch events.