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:
- New! REVOLUTION SLIDER
- Responsive HTML5 and CSS3 design
- 2 Home pages with different sliders
- 2 Pricing Tables models
- Custom Shortcodes
- 3 portfolio styles and hover effect on project image
- Animated portfolio filter
- Flip effect on team image
- Animated Scroll to Top
- Responsive drop-down navigation
- full width map on contact page
- Text Pages with different columns
- PrettyPhoto
- @FontFace Generator
- & much more...
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
- fullwidth.css
- revolution-settings.css
- flexslider.css
- prettyPhoto.css
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:
- FlexSlider
- PrettyPhoto
- AJAX Contact Form - Extended Licence
- Wilto Dynamic-Carousel
- Responsive drop-down navigation
- Revolution slider
- Simple Tabs
- Circle Hover Effects with CSS Transitions
- Accordion with CSS3
- Making a Beautiful HTML5 Portfolio
- Animated Scroll to Top
Photoshop Files
13 PSD files are included in this theme:
- 01 index
- 02 secondary index
- 03 about us
- 04 price table
- 05 elements
- 06 columns
- 07 blog
- 08 blog post
- 09 portfolio
- 10 portfolio
- 11 portfolio
- 12 project
- 13 contact
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!