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
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 8 jQuery files including necessary plugins, all of them be found in
js folder of home directory. Let’s see what each file for:
jquery.1.11.3.min.jsis stayable version of jQuery which is required to place upon all scripts otherwise none of jquery code will work.
bootstrap.min.jsis a plugin comes with Twitter Bootstrap dist.
jquery.nav.jsjQuery One Page Navigation Plugin
swiper.jquery.min.jsSwiper – 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.
custom-scripts.jsThis file must go all the way down to other files and plugins for app landing page. This file contains custom codes