Thanks for purchasing our template! We understand that no business will complete without a prompt after sales support. If you have any questions that are beyond the scope of this help file, please feel free to contact us and you can mail us via our user page contact form. We will be more happy to be of any service as and when you require.
(jquery-1.10.2.min.js)
(jquery.isotope.min.js)
(jquery.donutchart.js)
(jquery.inview.js)
(jquery.prettyPhoto.js)
(jquery.meanmenu.min.js)
(jquery.nav.js)
(jquery.quovolver.min.js)
(jquery.nicescroll.min.js, jquery.scrollTo.js)
(jquery.tabs.min.js)
(jquery-menu.js)
(jquery.validate.min.js)
(jquery.carouFredSel-6.2.1-packed.js, jquery.touchSwipe.min.js)
(jquery.parallax-1.1.3.js)
(jquery.ui.totop.min.js)
(jquery.gmap.min.js)
(controlpanel.js, jquery.cookie.js)
jquery.themepunch.revolution.min.js
(tooltip \ jquery.tooltipster.min.js)
(twitter \ jquery.tweet.min.js)
(custom.js)
. . . . . .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
The style.css is main CSS file used in this template. This file also contains some general styling such as anchor tag colors, font-sizes and etc. Keep in mind that these values might be overridden somewhere else in the file.
@charset "UTF-8"; /* CSS Document */ @import "css/reset.css"; /*----*****---- << General >> ----*****----*/ body styles comes here /*----*****---- << Fonts >> ----*****----*/ Fonts styles comes here /*----*****---- << Headings >> ----*****----*/ Headings styles comes here /*----*****---- << Transition >> ----*****----*/ Transition styles comes here /*----*****---- << Text Elements >> ----*****----*/ Text Elements styles comes here /*----*****---- << Tables >> ----*****----*/ Tables styles comes here /*----*****---- << Definition Lists >> ----*****----*/ Definition Lists styles comes here /*----*****---- << Forms >> ----*****----*/ Forms styles comes here /*----*****---- << Images >> ----*****----*/ Images styles comes here /*----*****---- << Columns >> ----*****----*/ Columns styles comes here /*----*****---- << Margining >> ----*****----*/ Margining styles comes here /*----*****---- << Widgets >> ----*****----*/ Widgets styles comes here /*----*****---- << Container >> ----*****----*/ Container styles comes here /*----*****---- << Float >> ----*****----*/ Float styles comes here /*----*****---- << PIE >> ----*****----*/ PIE styles comes here /*----*****---- << Header >> ----*****----*/ Header styles comes here /*----*****---- << Services >> ----*****----*/ /*----*****---- << Testimonial >> ----*****----*/ /*----*****---- << Newsletter >> ----*****----*/ /*----*****---- << Blog >> ----*****----*/ /*----*****---- << Blog Comment Entries >> ----*****----*/ /*----*****---- << Tweets >> ----*****----*/ /*----*****---- << Portfolio >> ----*****----*/ Portfolio styles comes here /*----*****---- << Team >> ----*****----*/ Team styles comes here /*----*****---- << Contact >> ----*****----*/ Contact styles comes here /*----*****---- << Footer >> ----*****----*/ Footer styles comes here /*----*****---- << Style Picker >> ----*****----*/ Style Picke styles comes here /*----*****---- << Go To Top >> ----*****----*/
If you 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.
This template imports the following Javascript files.
(jquery-1.10.2.min.js)
(jquery.isotope.min.js)
(jquery.donutchart.js)
(jquery.inview.js)
(jquery.prettyPhoto.js)
(jquery.meanmenu.min.js)
(jquery.nav.js)
(jquery.quovolver.min.js)
(jquery.nicescroll.min.js, jquery.scrollTo.js)
(jquery.tabs.min.js)
(jquery-menu.js)
(jquery.validate.min.js)
(jquery.carouFredSel-6.2.1-packed.js, jquery.touchSwipe.min.js)
(jquery.parallax-1.1.3.js)
(jquery.ui.totop.min.js)
(jquery.gmap.min.js)
(controlpanel.js, jquery.cookie.js)
jquery.themepunch.revolution.min.js
(tooltip \ jquery.tooltipster.min.js)
(twitter \ jquery.tweet.min.js)
(custom.js)
Our template comes with 4 predefined color variations. By default we have called skins/ "skin-name" /style.css (Line No 34) which is prensent in head tag below the shortcodes.css. Here we have listed available colors. Please choose the color you likes most and update it with all the pages.
Black Light = <link id="skin-css" href="skins/black-light/style.css" rel="stylesheet" media="all" /> Chocolate Burn = <link id="skin-css" href="skins/chocolate-burn/style.css" rel="stylesheet" media="all" /> Citrus Squeeze = <link id="skin-css" href="skins/citrus-squeeze/style.css" rel="stylesheet" media="all" /> Desert Storm = <link id="skin-css" href="skins/desert-storm/style.css" rel="stylesheet" media="all" />
Note - It's also easy to change the color of any element such as background, font, link and etc..,
Skeleton to add blog items
Skeleton to add portfolio items
"Rise, One Page HTML5 Template" comes with awesome premium sliders namely,
Revolution Slider - have a look at our template here
We have used form in contact page
Here is the basic skeleton of the form:
Note
1. name attribute should be "frmcontact"
2. action attribute should be "php/send.php"
3. How to change the email address to receive mails (to address only receivers email)?
Please open "php/send.php" at line no: 4
$to = 'xxx@xxx.xx'; #Replace your email id
Note
1. name attribute should be "frmnewsletter"
2. action attribute should be "php/subscribe.php"
3. How to change the API Key & List ID for mailchimp subscription?
Please open "php/subscribe.php" at line no: 3 & 8
$mcapi = new MCAPI('PUT YOUR API KEY HERE...'); $list_id = 'PUT A VALID LIST ID...'; #Replace your api key & list id
data-animation - Listed availavble animations below data-delay (Optional) - you can give animation delay with ms
You can add animation to any (div, span, p etc) element. We just showed the example with div.
Here is the list of available animations
1. Please find "custom.js" file which is located in js/custom.js.
2. Find the script (Line No 265 - 274) for google map.
3. Please change your address here to be shown with the map in your contact page.
We have used Google Fonts (Titillium Web, Source Sans Pro, Open Sans) in our template. You can use any Google font simply as following,
1. Please replace the following lines in all layout files.
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600' rel='stylesheet' type='text/css' /> <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic,400italic,600' rel='stylesheet' type='text/css' /> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
2. Find the following lines in style.css and replace with your new font family.
body, input[type=text], input[type=password], input[type=email], input[type=tel], input.text, textarea, input[type=submit], .mobile-menu, h4.border-title, .location h4, .button.ico, .button, h5.toggle-accordion, .blog-post-single h2, .widget_recent_entries ul li h4, .blog-post .post-meta .comments span span, .blog-post-single .post-meta .comments span span { font-family: 'Source Sans Pro', sans-serif; } h1, h2, h3, h4, h5, h6, .price, #logo a, .progress-bar-wrapper .customtext { font-family: 'Titillium Web', sans-serif; } #main-menu, .legendLabel { font-family: 'Titillium Web', sans-serif; }
We have used FontAwesome icons in this template.
You can see the complete list of FontAwesome icons we've used at, here
I've included 2 PSD template (file) along with this template:
We would really like to thank,
Once again, thanks a lot for purchasing our template. As we said at the beginning, we would be glad to help you if you have any questions that are related to this template. We'll do our best to assist you. If you have a more general question relating to the template on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
DesignThemes