<!-----SECTION DARK FOOTER STARTS----->

<section class="dark-box">
    <!-----MENU STARTS------>
    <div>
    <nav class="top-bar top-bar2" data-topbar role="navigation">
        <ul class="title-area">
            <li class="name">
            </li>
        <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
      </ul>

      <section class="top-bar-section top-bar-section2">
        <ul class="menu-center">
          <li><a href="#">HOME</a></li>
          <!--<li class="divider"></li>-->
          <li><a href="#">CONTACT US</a></li>
        </ul>
      </section>
    </nav>
</div>
<!-----MENU ENDS------>
</section>

<!--SECTION DARK FOOTER ENDS->

<!-bottom section starts-->
    <div class="row footer-section">
        <div class="small-12 large-12 columns">
            <!--FIRST COLUMN-->
            <div class="small-12 large-6 columns">
                <div class="bottom-logo">
                    <a href="#" title="LOGO"><img src="img/logo.gif" alt="LOGO"></a>
                </div>
                <div id="social_share" class="social-links">
                    <ul class="social-links">
                        <li><a href="#" title="Facebook" class="fa fa-facebook"></a></li>
                        <li><a href="#" title="Twitter" class="fa fa-twitter"></a></li>
                        <li><a href="#" title="Google+" class="fa fa-google-plus"></a></li>
                        <li><a href="#" title="Skype" class="fa fa-skype"></a></li>
                        <li><a href="#" title="Tumblr" class="fa fa-tumblr"></a></li>
                        <li><a href="#" title="Pinterest" class="fa fa-pinterest"></a></li>
                        <li><a href="#" title="Youtube" class="fa fa-youtube"></a></li>
                    </ul>
                </div>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.
                </p>
                            </div>





            <!--FOURTH COLUMN-->
            <!--<div class="small-12 large-6 columns">
                <h4 class="widget-title">Contact  <span>Us</span></h4>

                <div class="contact-map">
                <img src="http://kopatheme.net/demo/news-maxx/wp-content/uploads/bfi_thumb/conact-map-2xane9zvt0pr165lfvovey.png" alt="Contact" title="Contact">        </div>
                <div class="contact-info">
                    <p class="clearfix"><i class="fa fa-envelope"></i> <strong>Email: </strong><a href="mailto:email@company.com">email@company.com</a></p>
                    <p class="clearfix"><i class="fa fa-phone"></i> <strong>Phone: </strong>(+84)123456789</p>
                    <p class="clearfix"><i class="fa fa-print"></i> <strong>Fax: </strong>00123654789</p>
                    <p class="clearfix"><i class="fa fa-map-marker"></i> <strong>Address: </strong><span>72 alley, Tran Thai Tong st</span></p>
                </div>
            </div>-->
        </div>
    </div>
<!---bottom section ends-->
<!---FOOTER STARTS-->
<div class="divider"></div>
<footer class="page-footer">
    <p id="copyright">Copyright 2014 - Andharavilas.net. All Rights Reserved.</p>
</footer>
<!---FOOTER ENDS-->

    <!-----SCRIPT STARTS------>

    <script src="js/foundation/foundation.js"></script>
    <script src="js/foundation/foundation.topbar.js"></script>
    <script src="js/foundation/foundation.orbit.js"></script>
    <script>
        $(document).foundation();
         $(function(){
            $('img').each(function(i){
            var src = $(this).attr("src");
            $(this).attr("data-original",src);
            });

            $("img").lazyload({
                effect : "fadeIn"
            });
        });

            $(window).on( "scroll" , function() {
             var $document = $(document);
             var $window = $(this);
             if( $document.scrollTop() >= $document.height() - $window.height() - 650 ) {
                 // do something

             }
         });
    </script>
</body>
<!-----SCRIPT ENDS------>

</html>