Copyright 2014 Ferado 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


My Account Modal


4 Columns With Parallax Effect


3 Columns With Parallax Effect

Section With Tab

Section With Slider

Blog Layout

Section With Parallax Background

6 Columns With Hover Effect

Section With Social Blocks



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. fancySelect.css – Fancy select style
  3. font-awesome.css – Font Awesome
  4. main-menu.css – Main menu
  5. owl.carousel.css – Owl Graphic style
  6. prettyPhoto.css – PrettyPhoto Plugin
  7. responsive.css – Resopnsive CSS
  8. rev-settings.css – Slider Revolution setting
  9. flipclock.css – Flip Clock style
  10. jquery.mmenu.all.css – jQuery mMenu style
  11. login-signup.css – Login / Signup modal box style
  12. versions.css – Home page style v1

Back To Top


This theme imports following Javascript files.

  1. jquery-1.10.1.min.js – Javascript library
  2. jquery-ui.js – jQuery Ui library
  3. owl.carousel.js – Carousel & Gallery
  4. jquery-counterup.js – Counter Up
  5. jquery.themepunch.plugins.min.js – ThemePunch Tools
  6. jquery.themepunch.revolution.min.js – Slider Revolution
  7. waypoints.min.js – jQuery plugin for sticky
  8. isotope.pkgd.min.js – An exquisite jQuery plugin for magical layouts
  9. flipclock.js – Flip Clock
  10. jquery.mmenu.min.all.js – Mobile menu
  11. login-signup.js – Login / Signup modal
  12. modernizr.js – Modernizr
  13. jquery.bxslider.min.js – BxSlider
  14. jquery.fancybox.pack.js – FancyBox
  15. html5shiv.min.js – HTML5 Shiv
  16. respond.min.js – Respond.js
  17. script.js – Contain some custom script

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

script.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