Landor

Mobile & Tablet Site Template


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="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. 

To create homepage buttons that have 2 options use the following structure

        <div class="homepage-buttons">
            <a class="button button-green" href="#">More</a>
            <em>- or -</em>
            <a class="button button-green" href="#">Purchase</a>
        </div>

 

        <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!