Copyright 2015 Ninja by Powered by HTML5 & CSS3

Thank you very much for purchasing our site template. If you have any questions that are beyond the scope of this help file, please feel free to email us via our user page contact form.

Back To Top

HTML Structure

Login and Register

Main Menu

Main Section


Back To Top

CSS Files and Structure

This theme uses style.css file as main CSS file and other additional css files located at css folder.


Main CSS files in this theme is style.css that contains all of specific stylings for the theme.The file is separated into sections using labels as follows:

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.


responsive.css contains styling for media queries that allows us to tailor to different resolutions and devices without changing the content. The file is separated into sections as follows:

If you would like to edit styling of the specific device width, simply find the appropriate label in the responsive.css file, and then scroll down until you find the appropriate style that needs to be edited.

Additional css files at css folder

  1. bootstrap.min.css – Twitter Boostrap CSS framework
  2. codyhouse.css – Codyhouse CSS
  3. font-awesome.css – Font Awesome
  4. font-icomoon.css – Font Icomoon
  5. jquery-ui.css – jQuery UI library
  6. owl.carousel.css – Owl Carousel
  7. prettyPhoto.css – Pretty Photo CSS
  8. responsive.css – Resopnsive CSS
  9. rev-settings.css – Slider Revolution setting

Back To Top


This theme imports following Javascript files.

  1. jquery-1.11.2.min.js – jQuery core library v1.11.1
  2. jquery-ui.min.js – jQuery Ui library
  3. modernizr.custom.79639.js – Modernizr Custom
  4. waypoints.min.js – jQuery plugin for sticky
  5. jquery.stellar.js – jQuery Parallax
  6. modernizr.js – jQuery Modernizr
  7. velocity.min.js – jQuery Velocity
  8. codyhouse.js – jQuery Codyhouse
  9. bootstrap.min.js – Twitter Boostrap framework
  10. jquery.countdown.js – jQuery countdown
  11. owl.carousel.min.js – Owl Carousel
  12. slider-vertical.js – Vertical Showcase Slider
  13. jquery.themepunch.revolution.min.js – Slider Revolution
  14. jquery.themepunch.plugins.min.js – Slider Revolution Plugins
  15. jquery.prettyPhoto.js – PrettyPhoto jQuery Lightbox
  16. html5shiv.min.js – HTML5 Shiv
  17. respond.min.js – Respond.js
  18. main.js – Contain some custom scripts

Except functions.js, all of the plugins are packed, so you don’t need to manually edit anything in these files. The only necessary thing to know is how to call the method. You can refer to the website of the plugin author I listed in the “Sources and Credits” section to learn more about them.

Main.js contains custom scripts and scripts to call method for above plugin. The file is separated in to sections with appropriate label.

Back To Top