Welcome To Creative Theme Documentation

Created: 20/10/2012   -   By: ClaPat Studio   -   Contact Us
Thank you for purchasing this theme. If you have any questions please feel free to contact us via e-mail: fgpatrick2002@gmail.com.
Thanks so much, and please rate this theme!

Theme features:

Installing Theme

After unzip Theme Files, you will found 3 HTML Folders (www-blue, www-orange, www-green) that include all the pages of your theme.

You can view this Theme in any web browser from your desktop computer. Because the files are written in HTML, you do not need an internet connection in order to display or edit the Theme.

Start your FTP client (I persoanlly use Total Commander) and login. Login to your server. You will need your server name (often times this will be your domain name), username, and password that you setup with the hosting company.

Locate the domain folder you wish to upload your Theme files to on your server. You are going to want to click and drag every file that you have labeled .html, .css, .js into your FTP client.

HTML Structure

General Structure

The general structure is the same in all the theme files. Here is the general structure:



Navigation

The navigation is built with an unordered list (ul) and each element of the navigation is a list item (li). Here is the general structure:

Don't forget to add:
- a .current class to the item whose page is currently displayed.



Revolution Home page slider

Here is the structure of the home-page slider:

For more info about Revolution slider folow this link
Revolution slider documentation



FlexSlider Home page

Here is the structure of the home-page slider:

When you customizie it just need to do:
img - Here you put the source of slide image
h3 - Title of slide
p - Description of silde
p a href -you can remove if you don`t vant button



Portfolio

The portfolio is built with an unordered list (ul) and each project of the portfolio is a list item (li). Here is the general structure:

When you customizie it just need to do:
h3 - Name of project
p - Project category, this appear in filter bar
img - Here you put the source of project image



Shortcodes

You can use any shortcode in any page in your site , it is simple to inlcude it in you html. Structure below:



Footer

Here is the footer structure:

CSS Files and Structure

There are 5 CSS files in this theme:



style.css

This file contains all of the specific stylings for the page. This file is separated into 14 sections:

revolution-settings.css.css

fullwidth.css.css

This files contains all of the specific stylings for the Revolution slider

flexslider.css

This file contains all of the specific stylings for the FlexSlider

prettyPhoto.css

This file contains all of the specific stylings for the PrettyPhoto

Contact Form

Contact Form : is PHP Script for sending messages to your email to be connected with your visitors or clients , you should edite email default to your email to start receive messages , now do this below :

Scripts

This theme use 10 Script files:

Photoshop Files

13 PSD files are included in this theme:

Icons

We used icons for this theme from:

Fonts - @FontFace

We used this font

Images

Personal images used in demo, and themeforest assets library.

Thank you...

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. Just contact me via email at fgpatrick2002@gmail.com. Please rate this theme!

Patrick Fusariu - ClaPat Studio