Folder Structure
Template folder structure:
+-- app/ | +-- addons/ | | +-- isotope/ | | +-- Magnific-Popup/ | | +-- revolution/ | | +-- jquery.countTo.js | +-- css/ | | | +-- scss/ | | | | +-- elements/ | | | | +-- utils/ | | | +-- source-maps/ | +-- fonts/ | | +--font-awesome/ | | +--icomoon | +-- images/ | +-- img-assets/ | +-- js/ | | +-- plugins/ | | +-- script.js | +-- article.html | +-- contact.html | +-- default.html | +-- index.html | +-- news.html | +-- our-process.html | +-- portfolio-item.html | +-- studio.html | +-- work.html | +-- contactForm.php +-- gulpfile.js +-- package.json +-- dist/ | +-- addons/ | | +-- isotope/ | | +-- Magnific-Popup/ | | +-- revolution/ | | +-- jquery.countTo.js | +-- css/ | +-- fonts/ | | +--font-awesome/ | | +--icomoon | +-- images/ | +-- img-assets/ | +-- js/ | | +-- plugins/ | | +-- script.js | +-- article.html | +-- contact.html | +-- default.html | +-- index.html | +-- news.html | +-- our-process.html | +-- portfolio-item.html | +-- studio.html | +-- work.html | +-- contactForm.php
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
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
Revolution Slider
Folder: app/modules/revolution
This plugin is used to have the main slider on the index page.
You can find more about this on
jQuery countTo Plugin#
Folder: app/addons/
More details about this plugin
https://github.com/mhuggins/jquery-countTohttps://isotope.metafizzy.co/