Start

Copyright 2014 eMax by WooRockets.com. 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

Header

Main Section

Footer

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.

style.css

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

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. build.css – Build CSS
  3. colorbox.css – Colobox CSS
  4. custom.css – Custom CSS
  5. default.css – Default CSS
  6. font-awesome.min.css – Font Awesome
  7. jquery-ui.css – jQuery UI
  8. main-menu.css – Main menu
  9. owl.carousel.css – Owl Graphic style
  10. owl.theme.css – Owl Theme style
  11. owl.transitions.css – Owl Transitions style
  12. red.css – Red CSS
  13. reset.css – Reset CSS
  14. responsive.css – Responsive CSS
  15. rs-settings.css – Revolution Slider setting
  16. theme-options.css – Theme Options style
  17. xmas.css – Xmas style

Back To Top

JavaScript

This theme imports following Javascript files.

  1. bootstrap.min.js – Twitter boostrap framework
  2. gooogle-map.js – Google map javascript
  3. html5shiv.min.js – HTML 5 javascript
  4. respond.min.js – Respond javascript
  5. jquery-isotope.js – jQuery isotop javascript
  6. jquery-ui.js – jQuery Ui library
  7. jquery.colorbox-min.js – jQuery Colorbox javascript
  8. jquery.countdown.js – jQuery Countdown javascript
  9. jquery.min.js – jQuery library
  10. jquery.themepunch.plugins.min.js – Themepunch plugins javascript
  11. jquery.themepunch.revolution.min.js – Themepunch revolution javascript
  12. main.js – Contain some custom script
  13. owl.carousel.js – Carousel & Gallery
  14. styleswitch.js – Styleswitch javascript

Except Main.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