KESSARTUP HTML

"KESSARTUP HTML" Documentation by NoStudio Themes - v. 1.0

Created 03/12/2015
By: NoStudio Themes
Email: info@nsthemes.com

Thank you for downloading our theme. If you have any questions that are beyond the scope of this help file, please feel free to email us. You can also let us know how we can improve this theme! Thanks so much!

HTML Structure
CSS Files
Javascript
Contat Form Configuration
Credits

1. HTML Structure ↑

Parallax
You can simply change image parallax, by renaming the default image (1280x853.png) and uploading your picture into "images" folder.
Below you can see the example of the text that you have to renaming:

        
<!-- START PARALLAX -->
<section class="ns-box ns-section ns-section-relative ns-section-fixed-size ns-section-full-height ns-section-bg-adapted ns-parallax-background" id="header1-0" style="background-image: url(assets/images/1280x850.png);">
<!-- END PARALLAX -->

Pricing table
You can simply change your pricing table by replacing the highlighted text below:

        
<!-- START PRICE ONE -->
<div class="plan orange">
    <h3>INDIVIDUAL</h3>
    <p class="price">
        <strong><sup>$</sup><span>27</span></strong>
        <small>per year </small>
    </p>
    <div><ul><li><strong>80 GB</strong> Storage</li><li><strong>Unlimited</strong> Users</li><li><strong>20 GB</strong> Bandwidth</li></ul></div>
    <p><a href="index.html#contacts3-9" class="btn btn-danger">PRE-ORDER</a></p>
</div>
<!-- END PRICE ONE -->

Content
In this theme you can find some text that help you to change your content:

        
<!-- START LEFT MEDIA CONTENT -->

	....your content goes here....

<!-- END LEFT MEDIA CONTENT -->


<!-- START TESTIMONIAL -->

	....your content goes here....

<!-- END TESTIMONIAL -->


<!-- START SERVICES CONTENT -->

	....your content goes here....

<!-- END SERVICES CONTENT -->


<!-- START CALL TO ACTION -->

	....your content goes here....

<!-- END CALL TOACTION -->


<!-- START FAQ -->

	....your content goes here....

<!-- END FAQ -->


<!-- START FOOTER -->

	....your content goes here....

<!-- END FOOTER -->

2. CSS Files ↑

This theme import different CSS files:

fonts.googleapis.com this is the extarnal css used for the font type.
bootstrap.min.css this is the css of the framework that is used in this theme.
animate.css this css help some text animate.
style.css (assets/ns-themes/css/style.css) this is the main css file, here you can find color, typography, etc...
ns-additional.css some additional css like paragraph style or sub text color for this specified theme.

3. Javascript ↑

This theme import different Javascript files:

jquery.min.js this is a javascript library that reduces the amount of code that you must write.
bootstrap.min.js bootstrap framework got also javascript file to reduce code to write.
SmoothScroll.js this javascript allow Smooth Scroll in this theme.
jarallax.js this javascript allow parralax image in this theme.
script.js this is the main javascript file.

4. Contact form ↑

How to configure contact form:
Configure contat form is really simply, you have to open the file "mail.php" and change the email address with your email address as you can see in the following line:

        
    mail('info@nsthemes.com', $subject, $_POST['message']);

5. Credits ↑

Credits and source file: