Corlate - Documentation

Main File Structure

All the file are well organized, its so easy to work with the template.

1. Unzip the files.
2. Open "Corlate-HTML" folder.
3.You will find the all html file (Ex: index.html / **.html) on the root that will be edited.
Also you will see 5 directories, css, js, fonts and img directories. In the css folder Content you will find main.css and other styling files the all the other files expect the htmls. Js folder contain only the jquery library. Fonts folder contain essetial font files for fonts.

                main-path/
                └── css/
                    ├── ***.css
                    └── main.css
                ├── fonts
                ├── img
                └── js/
                        ├── ***.js
                        └── active.js
                |
                ├── ***.html
                └── index.html
            

HTML Markup Structure

The base structure was organized by bootstrap 3.3.7 row, col-** class

<div class="**-area">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="**-content">
                    <h2>Heading</h2>
                    <p>Content</p>
                    <a href="#" class="button">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>
            

CSS Files

All CSS files included in Head

    <!-- core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/owl.carousel.min.css" rel="stylesheet">
    <link href="css/icomoon.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">

            

JavaScript Files

Jquery included in head & all javascript files included in footer

       
    
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/main.js"></script>