Rozana

Multi Purpose Responsive HTML5 Template.

• Created: 4/10/2014
• Latest Update: 4/10/2014
• By: Creative WP
• Website: http://creative-wp.com/demos/rozana/
• Email: m.arafa84@hotmail.com

Hello, firstly I would like to thank you for purchasing "Rozana - Multi Purpose Responsive HTML5 Template.".
If you have any questions that are beyond the scope of this help file, please feel free to email us.
Contact: http://themeforest.net/user/creative-wp

TEMPLATE OVERVIEW

ABOUT ROZANA

01. Rozana is a unique responsive template working perfect on (desktop, tablet & mobile devices).

02. This template is very simple, clean, white & creative theme.

03. Rozana comes with unique pages, awesome slideshows, unique color variations & light/dark themes. Easy to customize & fully featured design.

04. This theme suitable for companies, business, cooprate, personal use, blogs, photographer, portfolio &more...

05. Rozana is create outstanding website,blog or portfolio in minutes!

Installing Theme

01. After unzip theme files, you will found HTML Files and this files you will upload to server all files or you choose one of:/p>

- Multipurpose Index_(01:12): you have to choose template from index_01 to index_12, then rename file to (index) to be main page.

- One Page Template: you have to choose one of them like fixed_one_page, slide_one_page & video_one_page then rename file to (index) to be main page.

- Landing Page Template: you have to choose one of them like fixed_landing_page, slide_landing_page & video_landing_page then rename file to (index) to be main page.

You can view this theme in any modern web browser from you desktop computer or local server. Because the files are written in HTML5, you do not need an internet connection in order to display or edit the theme but Google fonts & Contact forms will not display, you have not to worry because google font will display after you upload files to server and contact form which functions based on PHP coding will work on server to send you a message.

Start your FTP Client (ex: Filzilla is free) and login your server info, you will need your server name (Domain Name), username & password that you setup with the hosting company.

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

One the files are done uploading, rename the file you want to be home page as (index.html).

HTML Structure

The theme has a responsive layout with a variation of column layouts depending on the page. This theme uses Bootstrap 3 system (12 column) which help streamline any customization you wish to make. if want to knew about bootstrap more please go to visit: Bootstrap Girds System

Example :

you can view more example, please go to file name (gird_system.html).

Structure included files in HTML:

Color Skin Option :

You can change your color skin theme by change name in HTML file at:

Just change file name as (carrot.css) or you can choose color skin from folder css/color/

Theme Style Option :

You can change your Theme Style by change name in HTML file at:

Just change file name as (dark.css) for convert to dark style.

Font Option :

You can change your google font web by change name in HTML file at:

Please visit google font web Link and choose your font collection then go to font.css from CSS folder then put the @import link from google fonts then change the name of font family as font-family: NewFont;

CSS STRUCTURE

I'm using one main css file name (style.css) in this theme which you are free to modify depending on the customization you require. There are also one additional style sheet name font.css as i explained you at HTML Strcuture.

There folder name color is for changing the color skins , also theme folder for changing the theme style

There are also some additional styles that i dont recommend changing. those style sheet are :

Color Skin Files

You can change color skin from css/color (contain 20 style sheet files) and you can change more colors by changing color code as #f54325 to #YourNewCode

Theme Style Files

You can change theme style from css/theme (contain 2 style sheet files)

JAVA SCRIPT SETTING

here you can modify any settings for ( Sliders, Flickr Widget, Ticker, Scroll, countdown and more..).

Very Important : There some js code in HTML itself like under construction and sliders because those script code is not using for full theme, you can find them at bottom of page with comment name (< !-- Font this page Only -- >)

Google Map

you can change your lat and lang from js/scripts.js:

Take care you will find lang and lat numbers two times you have to change them with your code of lat and lang

And

Contact Form

Contact form is PHP Script for sending messages to your email to be connected with your visitors or clients, You should edit email default to your email to start recieve messages, Now go to process.php and edit the email:

Shortcodes System

You can add your shortcodes system on your HTML Pages and we add shortcodes system in HTML Files are:

• Accordions
• Alert Message
• Animation
• Archieve
• Buttons
• Dividers
• Gird System
• Google Map
• Icons
• Light Box
• Media
• Numbers
• Panels
• Pricing Table
• Progress Bar
• Social Icons
• Team Members
• Testimonials
• Toggles
• Tooltips
• Popovers
• Typography

Examples

Accordion

Icons

for change icon from fontawesome fonts you should visit to icons.html file and choose your icon font and edit:

To:

Note the first name (fa) is required, you have not to delete or change

for change icon from icomoon fonts you should visit to Link then choose your icon font and edit:

To:

Header & Sliders

Template have multi of sliders and full screen backgrounds and and template included :

FULL WIDTH REVOLUTION SLIDER

The Additional Files for this page are:

Also:

FULL screen REVOLUTION SLIDER

The Additional Files for this page are:

Also:

FULL WIDTH fade SLIDER

The Additional Files for this page are:

Also:

FULL screen background

The Additional Files for this page are:

FULL screen fade SLIDER

The Additional Files for this page are:

Also:

FULL screen ZOOMING SLIDER

The Additional Files for this page are:

Also:

FULL screen SUPERSIZED SLIDER

The Additional Files for this page are:

Also:

FULL screen YOUTUBE

The Additional Files for this page are:

Also:

FULL SCREEN HTML5 VIDEO

The Additional Files for this page are:

FULL screen PORTFOLIO

The Additional Files for this page are:

Also:

FULL SCREEN LIGHT PATTERN

The Additional Files for this page are:

FULL SCREEN DARK PATTERN

The Additional Files for this page are:

FULL SCREEN BACKGROUND

The Additional Files for this page are:

FULL screen REVOLUTION SLIDER

The Additional Files for this page are:

Also:

FULL SCREEN HTML5 VIDEO

The Additional Files for this page are:

FULL width Normal

The Additional Files for this page are:

FULL screen Fade SLIDER

The Additional Files for this page are:

Also:

FULL SCREEN HTML5 VIDEO

The Additional Files for this page are:

Template Features

• Variant Sliders
• Revolution Slider
• 4 Variant Footer
• 20 Color Skins
• Dark & Light Themes
• Fully Responsive
• Retina Ready Display
• Functional Contact Form
• Bootstrap 3
• Fontawesome
• Icomoon
• google font web
• CSS3 Animation
• Parallax Effects
• Full Video Background
• Cross Browser Compatible
• Custom Animations
• Multiple Portfolio Layout
• Variant Blogs Layout
• Under Construcion Pages
• Error(404) Pages
• Sign Up Pages
• Register page
• Sitemap Pages
• Shortcodes
• Fully Components
• & more...

Page Sitemap

• Home
• Company
  • About Us
  • About Me
  • Our Services
  • Our Team
  • Career
    • Style 01
    • Style 02
  • Clients
• Portfolio
  • Full Width
    • With Text
    • Without Text
  • Gird
    • Two Column
      • With Text
      • Without Text
    • Three Column
      • With Text
      • Without Text
    • Four Column
      • With Text
      • Without Text
  • Single
    • Full Width
    • Full Slider
    • Gallery
    • Youtube
    • Viemo
• Blogs
  • Default
  • With Sidebar
  • Gird
  • List
  • Masonry
  • Single
    • Full Width
    • Slider
    • Gallery
    • Video
    • Audio
    • Quote
    • With Sidebar
• Contact
  • Branches
  • Style 01
  • Style 02
  • Style 03
• Pages
  • One Page Parallax
    • Full Background
    • Slider
    • Video
  • Landing Page
    • Full Background
    • Slider
    • Video
  • Slider
    • Revolution
    • Full Revolution
    • Full Width
    • FullScreen Background
    • FullScreen Slider
    • Zooming
    • Superized
    • Youtube
    • Video
    • Portfolio
    • Pattern - Light
    • Pattern - Dark
  • Footer
    • Style 01
    • Style 02
    • Style 03
    • Style 04
    • Style 05
  • Sidebar
    • Right
    • Left
    • Both
  • 404
    • Style 01
    • Style 02
    • Style 03
  • Faq
    • Style 01
    • Style 02
    • Style 03
  • login
    • Style 01
    • Style 02
    • Style 03
  • Under Construction
    • Style 01
    • Style 02
    • Style 03
  • Sign Up
    • Style 01
    • Style 02
    • Style 03
  • Sitemap
    • Style 01
    • Style 02
  • Register
  • Privacy Policy
• Shortcodes
  • Accordions
  • Alert Message
  • Animation
  • Archieve
  • Buttons
  • Dividers
  • Gird System
  • Google Map
  • Icons
  • Light Box
  • Media
  • Numbers
  • Panels
  • Pricing Table
  • Progress Bar
  • Social Icons
  • Team Members
  • Testimonials
  • Toggles
  • Tooltips
  • Popovers
  • Typography

Credit

• Fontawesome
• Icomoon
• jQuery
• Cordrops
• Google Web fonts
• FancyBox
• Bootstrap
• Modernizr
• Istope
• Owl Carousel
• Nice Scroll
• Zooming Slider
• Stellar

Images used in the Demo

All images and videos used in the demo are not distributed with the theme. They are all licensed under Creative Commons and credited to their respective creator/owner.

Photos used in the demo site from :
Wallpaper
Photodune
sagmeisterwalsh
novecentino
Subtle Patterns
Behance
Isabelarodrigues
Unsplash

Good Bye

Good Bye Dear, thank you for purchasing our template.