index.html

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div id="wrap">
    <!-- Begin page content -->
    <div class="container" id="containerContent">
        <div class="row helpMargin itemsWrapper">
            <div class="col-lg-12">
                <div class="col-lg-4 itemsContent">
                    <div class="imageWrapper">
                        <a href="HelpFiles.html" class="item">
                            <img src="http://placekitten.com/602/300" class="img-responsive" alt="Bg image" />
                        </a>
                    </div>
                    <div class="itemContent">
                        <h4>
                            Products
                        </h4>
                        <p>
                            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
                            fugiat nulla pariatur.</p>
                        <a href="HelpFiles.html" class="">Read more...</a>
                    </div>
                </div>
                <div class="col-lg-4 itemsContent">
                    <div class="imageWrapper">
                        <a href="HelpFiles.html">
                            <img src="http://placekitten.com/603/300" class="img-responsive" alt="Bg image" />
                        </a>
                    </div>
                    <div class="itemContent">
                        <h4>
                            Services
                        </h4>
                        <p>
                            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
                            fugiat nulla pariatur.</p>
                        <a href="HelpFiles.html">Read more...</a>
                    </div>
                </div>
                <div class="col-lg-4 itemsContent">
                    <div...

CSS

/***************************************
---------------INDEX--------------------
*Home content
*Nav bar
***************************************/

/**************************************Home content start************************************/
 .helpMargin {
    margin: 40px 0 20px;
}
.helpMargin .col-lg-12 .col-lg-3 {
    border: 1px solid #ccc;
    margin: 2%;
}
/*.helpFilesWrapper .col-lg-12 .col-lg-4 {
    border: 1px solid #ccc;
    margin: 2%;
}*/
 .imageWrapper {
}
.imageWrapper a img {
    height: 175px;
    width: 100%;
}
.itemContent {
    border: 1px solid #ccc;
    padding: 8px 12px;
}
.spanRed {
    color: #9f1515;
}
/**************************************Home content end************************************/

/**************************************Nav bar start************************************/
 .nav.navbar-nav > li > a {
    line-height: 47px;
}
/**************************************Nav bar end************************************/

/**************************************file items page start************************************/
 .contentImage img {
    height: 250px;
    width: 100%;
}
.imageContentWrapper {
}
.headingWrapper {
}
.sideNavBar {
    margin-top: 26px;
}
.sideNavBar ul {
    list-style: none;
}
.sideNavBar ul li {
}
.sideNavBar ul li a {
    display: block;
    margin: 10px 0;
}
/**************************************file items page end************************************/

/**************************************back to top start************************************/
 #back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity:...