1. Home
  2. Treetopers
  3. Structure

Structure

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 6 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 7 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.nav.js jQuery One Page Navigation Plugin
  4. swiper.jquery.min.js Swiper – is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers.
  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