All the directories and files are well organized as it shown on the image bellow. Same file tree has been leaveraged for dark version.




HTML File Structure:

This template is a mobile friendly (responsive) layout which is designed based on Twitter Bootstrap v3.*. See our HTML file structure which is in index.html. Your contents goes inside container.


CSS File Structure:

We are using 7 CSS files across template and comments in capital letter describe the linked stylesheet bellow. We separated styles for improving convenience to edit this template. If you’re going to use this template in production I’d recommend you to merge all stylesheets in one file (for decreasing http queries).



jQuery File Structure:


There are 6 jQuery files including necessary plugins, all of them be found in js folder of home directory. Let’s see what each file for:

  1. jquery.1.11.3.min.js is stayable version of jQuery which is required to place upon all scripts otherwise none of jquery code will work.
  2. bootstrap.min.js is a plugin comes with Twitter Bootstrap dist.
  3. jquery.owlCarousel.min.js Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider
  4. fullPage.js A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites or onepage sites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.
  5. custom-scripts.js This file must go all the way down to other files and plugins for app landing page. This file contains custom codes
Was this article helpful to you? Yes 1 No