<!--Bottom-->
<section id="bottom" class="main">
    <!--Container-->
    <div class="container">

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

            <!--Important Links-->
            <div id="tweets" class="span4">
                <h4>OUR COMPANY</h4>
                <div>
                    <ul class="arrow">
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Support</a></li>
                        <li><a href="#">Terms of Use</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Copyright</a></li>
                        <li><a href="#">We are hiring</a></li>
                        <li><a href="#">Clients</a></li>
                        <li><a href="#">Blog</a></li>
                    </ul>
                </div>  
            </div>
            <!--Important Links-->
			
			 <!--Contact Form-->
            <div class="span4">
                <h4>CONTACT DETAILS</h4>
                <ul class="unstyled address">
                    <li>
                        <i class="icon-home"></i><strong>Address:</strong> <br>FF-1, Kailash Nagar Estate,<br>Opp. Punjab National Bank,<br>Opp. New Telephone Exchange,<br>G.I.D.C., Vatwa,<br>Ahmedabad, Gujarat.
                    </li>
                    <li>
                        <i class="icon-envelope"></i>
                        <strong>Email: </strong> <br> info@energyhydraulic.in<br> 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 class="span4">
				<h4>GOOGLE MAP</h4>
				<iframe width="100%" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=GIDC+Vatwa,+Ahmedabad,+Gujarat&amp;aq=0&amp;oq=GIDC+Vatva,+Ahmedabad,+Gujarat&amp;sll=22.966454,72.635765&amp;sspn=0.020468,0.038581&amp;ie=UTF8&amp;hq=&amp;hnear=GIDC+Vatwa,+Ahmedabad,+Gujarat&amp;t=m&amp;z=13&amp;ll=22.969619,72.641726&amp;output=embed"></iframe>
			</div>

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