PetCare | Pet Caretakers - HTML Template

Documentation

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email us at support@bluehorntech.com, but please make sure you read this documentation first. Thank you so much!

Note: If you are not familiar with HTML and CSS, we highly recommend that you to hire a specialist. It will save your time and you will get only positive emotions while using our product.

You will find these files in ZIP archive:

index.html
about-us.html
blog.html
blog_single_post.html
category.html
gallery.html
products.html
shopping-cart.html
contact.html

Unzip files from archive and you will find PetCare Html folder. Inside you'll find following files and folders:

/css - folder with css files
/fonts - folder with icon fonts
/images - folder with all images
/js - folder with jQuery script files
html files

Basic Html Sctructure of any section looks like this:

<!-- Header Section -->
<div id="pageWrapper"">
    <header class="main-header"> 
        <div class="site-topbar">
            <div class="container">
                <div class="topbar-inner clearfix">
					
                </div>
                <div class="contain-to-grid header-section">
                	 
                </div>
                <div class="header-fill">  </div>
            </div>
            <div class="contain-to-grid header-section">
            </div>
        </div>
    </header> 
</div>

Template is based on Bootstrap Framework. Using a single set of .col-md-* grid classes, you can create a basic grid system that starts out stacked on mobile devices and tablet devices (the extra small to small range) before becoming horizontal on desktop (medium) devices. Place grid columns in any .row. If you want to learn more about Bootstrap Grid System, please visit this link

Here is some basic examples:

2 equal columns:

<div class="row">
    <div class="col-md-6">.col-md-6</div>
    <div class="col-md-6">.col-md-6</div>
</div>

3 equal columns:

<div class="row">
    <div class="col-md-4">.col-md-4</div>
    <div class="col-md-4">.col-md-4</div>
    <div class="col-md-4">.col-md-4</div>
</div>

8 left columns + 4 right columns:

<div class="row">
    <div class="col-md-8">.col-md-8</div>
    <div class="col-md-4">.col-md-4</div>
</div>

To change country and city of map, you simply have to copy the HTML code in the source code of your website to add the map.

All images/illustrations are for preview purposes only and are not included in the download files.

jQuery plugins:

If you have any question feel free to contact us at questions@bluehorntech.com

PetCare | Pet Caretakers - HTML Template

Documentation

File Structure

Getting Started

Bootstrap Grid

Google Map

Credits

Support