Folder Structure

Template folder structure:

+-- app/
| +-- addons/ 
| | +-- isotope/ 
| | +-- Magnific-Popup/ 
| | +-- rellax-master/ 
| | +-- slick/ 
| | +-- imagesloaded.pkgd.min.js
| | +-- jquery.countTo.js
| | +-- jquery.smooth-scroll.min.js
| +-- css/
| | | +-- scss/ 
| | | | +-- elements/
| | | | +-- utils/ 
| | | +-- source-maps/
| +-- fonts/
| | +--font-awesome/
| +-- images/
| +-- img-assets/
| +-- js/
| | +-- plugins/
| | +-- script.js
| +-- add-to-cart.html
| +-- article.html
| +-- blog.html
| +-- cart.html
| +-- checkout.html
| +-- contact.html
| +-- default.html
| +-- index.html
| +-- news.html
| +-- membership-checkout.html
| +-- membership-levels.html
| +-- product.html
| +-- shop.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:

Isotope.js

Folder: app/addons/isotope

More details about this plugin

https://isotope.metafizzy.co/

Imagesloaded

This plugin loads the images before the isotope is created

Folder: app/addons/imagesloaded.pkgd.min.js

https://imagesloaded.desandro.com/

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

jQuery countTo Plugin

Folder: app/addons/

More details about this plugin

https://github.com/mhuggins/jquery-countTo

Rellax

Folder: app/addons/

More details about this plugin

https://github.com/dixonandmoe/rellax

Smooth Scroll

Folder: app/addons/

More details about this plugin

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

Slick Slider

Folder: app/addons/

More details about this plugin

http://kenwheeler.github.io/slick/