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.