<!--Bottom-->
<style type="text/css">#bottom .row-fluid { color:#ffffff; }</style>
<section id="bottom" class="main">
    <!--Container-->
    <div class="container">

        <!--row-fluids-->
        <div class="row-fluid">

            <!--Important Links-->
            <div id="tweets" class="span6">
                <h4>OUR COMPANY</h4>
                <div>
                    <ul class="arrow">
                        <li><a style="color:#ffffff" href="<?php echo base_url(); ?>">Home</a></li>
                        <li><a style="color:#ffffff" href="<?php echo base_url(); ?>home/aboutUs">About Us</a></li>
                        <li><a style="color:#ffffff" href="<?php echo base_url(); ?>home/products">Products</a></li>
                        <li><a style="color:#ffffff" href="<?php echo base_url(); ?>home/contactUs">Contact Us</a></li>
                    </ul>
                </div>  
            </div>
            <!--Important Links-->
			
			 <!--Contact Form-->
            <div class="span6">
                <h4>CONTACT DETAILS</h4>
                <ul class="unstyled address">
                    <li>
                        <i class="icon-home"></i><strong>Address:</strong>&nbsp;&nbsp;FF-1, Kailash Nagar Estate,&nbsp;&nbsp;Opp. Punjab National Bank,<br>Opp. New Telephone Exchange,&nbsp;&nbsp;G.I.D.C., Vatva,&nbsp;&nbsp;Ahmedabad, Gujarat.
                    </li>
                    <li>
                        <i class="icon-envelope"></i>
                        <strong>Email: </strong> info@energyhydraulic.in,&nbsp;&nbsp; sales@energyhydraulic.in
                    </li>
                    <li>
                        <i class="icon-globe"></i>
                        <strong>Website:</strong> www.energyhydraulic.in
                    </li>
                    <li>
                        <i class="icon-phone"></i>
                        <strong>Contact Number:</strong> +91 99988 50488
                    </li>
                </ul>
            </div>
            <!--End Contact Form-->
	</div>

    </div>
    <!--/row-fluid-->
</div>
<!--/container-->

</section>
<!--/bottom-->

<!--Footer-->
<footer id="footer">
    <div class="container">
        <div class="row-fluid">
            <div class="span5 cp">
                &copy; 2014 <a target="_blank" href="#" title="Free Twitter Bootstrap WordPress Themes and HTML templates">Energy Hydraulic</a>. All Rights Reserved.
            </div>
            <!--/Copyright-->

            <div class="span6">
                <ul class="social pull-right">
                    <li><a href="#"><i class="icon-facebook"></i></a></li>
                </ul>
            </div>

            <div class="span1">
                <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a>
            </div>
            <!--/Goto Top-->
        </div>
    </div>
</footer>
<!--/Footer-->


<script src="<?php echo base_url(); ?>assets/front/js/vendor/jquery-1.9.1.min.js"></script>
<script src="<?php echo base_url(); ?>assets/front/js/vendor/bootstrap.min.js"></script>
<script src="<?php echo base_url(); ?>assets/front/js/main.js"></script>
<!-- Required javascript files for Slider -->
<script src="<?php echo base_url(); ?>assets/front/js/jquery.ba-cond.min.js"></script>
<script src="<?php echo base_url(); ?>assets/front/js/jquery.slitslider.js"></script>
<!-- /Required javascript files for Slider -->

<!-- SL Slider -->
<script type="text/javascript"> 
$(function() {
    var Page = (function() {

        var $navArrows = $( '#nav-arrows' ),
        slitslider = $( '#slider' ).slitslider( {
            autoplay : true
        } ),

        init = function() {
            initEvents();
        },
        initEvents = function() {
            $navArrows.children( ':last' ).on( 'click', function() {
                slitslider.next();
                return false;
            });

            $navArrows.children( ':first' ).on( 'click', function() {
                slitslider.previous();
                return false;
            });
        };

        return { init : init };

    })();

    Page.init();
});
</script>
<!-- /SL Slider -->
</body>
</html>