Jonna

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to ask via item's comments. Also please don't forget to give item ratings! Thanks so much! :)

General

HTML Structure
This template using Bootstrap framework. Main content is nested within <div id="content">. For each page is separated by <section>.
    <section id="section-home">
        <div class="container">
            <div class="row">
                this is your content
            </div>
        </div>
    </section>
	
Create Columns
For a simple two column layout, create a .row and add the appropriate number of .col-md-* columns. As this is a 12-column grid, each .col-md-* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent). Click here for more information.
<div class="row">
<div class="col-md-6"> this is 1/2 columns </div>
<div class="col-md-6"> this is 1/2 columns </div>
</div> <div class="row">
<div class="col-md-4"> this is 1/3 columns </div>
<div class="col-md-8"> this is 2/3 columns </div>
</div> <div class="row">
<div class="col-md-3"> this is 1/4 columns </div>
<div class="col-md-9"> this is 3/4 columns </div>
</div>
Change scheme color
To change scheme color other, change value href="css/colors/scheme-1.css" with other css file name.
All premade color on this template can be found inside folder css/colors/.
Set background image for section or div
Choose a section or div you want to set. Then add attribute data-bgimage. Sample code looks like below:
<section id="section-home" data-bgimage="url(images/background/1.jpg)">

Javascript & CSS

List of javascipt files
  • jquery.min.js - http://docs.jquery.com/Downloading_jQuery
  • bootstrap.min.js - bootstrap js file
  • designesia.js - custom js file
  • jquery.isotope.min.js - used in gallery page
  • jquery.magnific-popup.min.js - used to open popup image
  • easing.js - http://archive.plugins.jquery.com/project/Easing
  • jquery.ui.totop.js - used to scroll to top
  • validation.js - used for contact form validation
List of CSS files
  • animate.css - used to make animation
  • bootstrap.css - main css framework for this theme
  • color.css - used to load color for template
  • magnific-popup.css - for maginfic popup jquery
  • owl.carousel.css, owl.theme.css, owl.transitions.css - for owl carousel jquery
  • plugin.css - overwrite default plugin css
  • style.css - main css file for this template
Change contact form email address
Open > email.php. Change $to value with your email.