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

http://st3ph.github.io/jquery.easyPaginate/

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/