Official HTML5 Template | Documentation

# Official

## Multi-Concept HTML5 Template

- Created: 24th Oct 2015
- By: ThemeTor
- Version: 1.0

Thank you for purchasing this template. If you have any questions about this theme, please feel free to send me a ticket via my Support page.

Thank you!

### Demo Selection

This template has a 22 demos and you can select one of them to start creating your website

### Framework & Columns

This template based on 12 columns grid system

For example:

    	Full wide grid:
    	<div class="grid_12"> </div>

        1/2 + 1/3 + 1/6
    	<div class="grid_6 alpha"> </div>
    	<div class="grid_4"> </div>
        <div class="grid_2 omega"> </div>

alpha : margin from left = 0 (use in first column)
omega : margin from right = 0 (use in last column)

### How to?

How to set custom styles?

- You can edit and add your custom style in css/custom-styles.css

How to turn on/off sticky menu?

- You can turn off sticky menu by removing my_sticky class from div tag below:

    <div class="head my_sticky" >

How to turn on/off Responsive feature?

- You can turn off responsive feature by removing the responsive.css stylesheet from header.

    <link rel='stylesheet' id='responsive-css'  href='css/responsive.css?ver=1.0' type='text/css' media='all' />

How to change the page layout from full wide layout to boxed?

- You should change the layout element class from full to boxed or boxed-margin

    <div id="layout" class="full" >

How to setup the Google Maps?

- For Top Extra Panel Google Map: You should set your location Lat , Long and Address in /js/custom.js file
- For Contact pages Google Map: You should set your location Lat , Long and Address in inline javascript code inside the page.

You can find the Lat and Long of your place here: http://www.latlong.net/

### Sliders

Official has 7 different Sliders

- Revolution Slider (Premium Plugin that included in package) (index.html)
- Nivo Slider (home-2-nivoslider.html)
- Flex Slider (home-3-flexslider.html)
- Kwicks Slider (home-4-kwicks-slider.html)
- 3D Slice Slider (home-5-3d-slider.html)
- Round About Slider (home-6-roundabout-slider.html)
- Lite Accordion Slider
  - Flat (home-lite-accordion-flat.html)
  - Light (home-lite-accordion-light.html)
  - Dark (home-lite-accordion-dark.html)
  - Stitch (home-lite-accordion-stitch.html)

### Footer Layout

This template is fully customizable in Footer design and layout

The default footer layout is 3 columns, but you can use 1, 2 or 4 columns too, and place each widgets you want in it

We use 4 x grid_3 columns (and in some demos 3 x grid_4), you can use any combination of grid_1 to grid_6

### Shortcodes

Over 70 shortcodes in 24 HTML pages

- Accordion
- Action Box
- Button
- Clients Carousel
- Columns (1/2 to 1/5) (typography.html)
- Countdown Timer
- Dropcap (typography.html)
- Service Box
- Google Fonts
- Google Map
- Highlight (typography.html)
- HR Lines (Dividers) (typography.html)
- Icons
- List Styles (typography.html)
- Members
- Message Box
- News Ticker
- Portfolio Carousel
- Pricing Table
- Progress Bar
- Quotes (typography.html)
- Styled Table (table.html)
- Social Icons
- Tabs
- Testimonial
- Toggle
- Tooltip
- Video

### Sidebars Widgets

This template supports many useful widgets in Right or Left column of page (or in footer)

- Search
- Ads (Sponsors)
- Contact
- Facebook Box
- Flickr
- Portfolio
- Category

### RTL Languages Support

This Template is fully RTL Language Support

How to add RTL stylesheet?

- You can turn on RTL mode by adding the rtl.css stylesheet to header like this:

    <link rel='stylesheet' id='rtl-css'  href='css/rtl.css' type='text/css' media='all' />

### Contact Forms

This template comes with 2 working contact forms:

- Contact (contact.php) (for top extra panel contact form, contact.html and contact-2.html)
- Faq (faq.php) (for faq form in faq.html page)

you need to change the receipt email address to receive email. (needs PHP support on your web hosting )

### Changelog

#### Version 1.0 (24th Oct 2015)

                Initial Release

####

### Support

If you have any questions, please feel free to send me a ticket via my Support page

### Done!

Thank you again for purchasing this template, if you like this template please rate it as 5 stars