Folder Structure
Folder structure#
Template folder structure:
+-- app/ | +-- fonts/ | | +--font-awesome/ | | +--fontello/ | | +--icomoon | | +--pe-icon-7-stroke/ | | +--revicons | +-- images/ | +-- img-assets/ | +-- js/ | | +-- src/ | | | +-- plugins/ | +-- modules/ | | +-- easyPaginate/ | | +-- jquery-datepicker/ | | +-- Magnific-Popup/ | | +-- rellax-master/ | | +-- revolution/ | | +-- slick/ | +-- style/ | | | +-- css/ | | | | +-- source-maps/ | | | +-- scss/ | | | | +-- elements/ | +-- cart.html | +-- checkout.html | +-- default.html | +-- index.html | +-- room_sample.html | +-- rooms.html | +-- searchresult.html | +-- searchrooms.html | +-- contactForm.php +-- gulpfile.js +-- package.json
Modules Folder
This folder contains various modules for the html template:
EasyPaginate.js
Folder: app/modules/easyPaginate
More details about this plugin
jquery-datepicker
Folder: app/modules/jquery-datepicker
This plugin is used to pick the date for the rooms.
More documentation about this module here
https://jqueryui.com/datepicker/
Magnific-Popup
Folder: app/modules/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
Slick slider
Folder: app/modules/slick
This plugin is used to create responsive sliders inside your website.
More documentation about this plugin here
http://kenwheeler.github.io/slick/
Rellax
Folder: app/modules/rellax-master
This plugin is used to have parallax effect on the main page.
You can find more about this on
https://github.com/dixonandmoe/rellax
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
https://revolution.themepunch.com/