How do I install the template?
Simply copy and paste all the files in the code folder to your server.
How do I change the contact form information?
There is only on PHP file in the pack. Locate it, open it, and replace the email address there with your own.
How do I change icons?
The icon pack we used is font-awesome, its a simple <i class="fa fa-ICON-NAME"></i> that does the trick and creates amazingly beautiful icons. For the font-awesome cheatsheat go here http://fortawesome.github.io/Font-Awesome/icons/ and you'll find everything you need. In case you want to update the script, there is nothing easier. Go to the link provided and download the latest version. Replace the contents of the fonts folder with the new fonts downloaded and replace the font-awesome.css with the font-awesome.css you've just downloaded. Make sure to have a backup before doing so!
Why are there two documentations?
One documentation is vital for you to understand the structure of the template, basically, to get you started, and the second documentation will show you all the features provided by our HTML, CSS and jQuery features.
<div class="page-header"> <a href="#" class="header-logo"></a> <em class="logo-subtitle"> The way to show off your<br> product on your mobile or tablet. </em> </div>
This is the page header. It has a logo, line 2, that can be changed from style.css line 40. Replace the logo there, the width, height and background size. The subtitle can be whatever text you wish!
<div class="slider-container homepage-slide"> <div class="homepage-slider" data-snap-ignore="true"> <div> <img src="images/mobile1.png" class="responsive-image" alt="img"> </div> <div> <img src="images/mobile1a.png" class="responsive-image" alt="img"> </div> </div> </div>
To create more slides for the image slider, simply duplicate the hosuing divs of the img class.
<div class="quote-slider full-bottom" data-snap-ignore="true"> <div> <img src="images/pictures/1s.jpg"> <h4>John Doe</h4> <em>Envato Market, ThemeForest Customer</em> <p> Text </p> <span> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </span> </div> </div>
Line 2 to Line 16 is a slide. Duplicate it to create more slides
Line 3 is the rounded thumb image
Line 4 is the thumb heading
Line 5 is the under thumb text
Line 6 - 8 is the text
The last span holds the stars.
Yes. This the entire documentation for the page structure. But the second documentation covers all the features you can use with the page! Please read it carefully, and you'll understand the page much better or better said, you'll learn how to use the template perfectly.
We provide top notch support, always, without a doubt, we awswer and help all our buyers, so if there is anything you do not understand please send us an email using our support form found here http://enableds.com/html-support/ and we'll help you or explain how features work!
Please don't forget to rate 5 stars! Your rating is very very very important to us!