<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><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-3 columns">
                <div class="bottom-logo" id="divFooterLogo" runat="server">


                </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>
                <p class="p_email">
                    <input onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" name="email" class="email" value="Enter your email address ..." type="text">
                    <input class="submit" value="Signup" type="submit">
                </p>
            </div>

            <!--SECOND COLUMN--->
            <div class="small-12 large-3 columns tweet">
                <h4 class="widget-title">Follow us <span>tweets</span></h4>
                <ul>
                    <li>
                        <article class="tweet-item clearfix">
                            <span class="tweet-avatar fa fa-twitter"></span>
                            <div class="tweet-content">
                                <p>National Guard in Texas Could Get Arrest Power  - <a href="http://t.co/pd6vvWLqRC">http://t.co/pd6vvWLqRC</a> 2 months ago</p>
                            </div>
                        </article>
                    </li>
                    <li>
                        <article class="tweet-item clearfix">
                            <span class="tweet-avatar fa fa-twitter"></span>
                            <div class="tweet-content">
                                <p>National Guard in Texas Could Get Arrest Power  - <a href="http://t.co/pd6vvWLqRC">http://t.co/pd6vvWLqRC</a> 2 months ago</p>
                            </div>
                        </article>
                    </li>
                    <li>
                        <article class="tweet-item clearfix">
                            <span class="tweet-avatar fa fa-twitter"></span>
                            <div class="tweet-content">
                                <p>Prada and Miu Miu share dark and surreal Fall 2013  - <a href="http://t.co/XPe7p5ijqJ">http://t.co/XPe7p5ijqJ</a> 2 months ago</p>
                            </div>
                        </article>
                    </li>
                </ul>
            </div>
            <!--THIRD COLUMN--->
            <div class="small-12 large-3 columns footer-col3">
                <h4 class="widget-title">Photos <span>On Flickr</span></h4>
                <ul class="footer-photo">
                    <li class="flickr-badge-image"><a href="#">
                        <img src="http://farm9.staticflickr.com/8105/8656200449_dccab590e3_m.jpg" alt="#"></a></li>
                    <li class="flickr-badge-image"><a href="#">
                        <img src="http://farm9.staticflickr.com/8105/8656200449_dccab590e3_m.jpg" alt="#"></a></li>
                    <li class="flickr-badge-image"><a href="#">
                        <img src="http://farm9.staticflickr.com/8105/8656200449_dccab590e3_m.jpg" alt="#"></a></li>
                    <li class="flickr-badge-image"><a href="#">
                        <img src="http://farm9.staticflickr.com/8105/8656200449_dccab590e3_m.jpg" alt="#"></a></li>
                    <li class="flickr-badge-image"><a href="#">
                        <img src="http://farm9.staticflickr.com/8105/8656200449_dccab590e3_m.jpg" alt="#"></a></li>
                </ul>
                </h4>
            </div>
            <!--FOURTH COLUMN--->
           <!--  <div class="small-12 large-3 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 - Cocoalabs. All Rights Reserved.</p>
    </footer>
    <!-----FOOTER ENDS------>

    <!-----SCRIPT STARTS------>
    <script src="../js/vendor/jquery.js"></script>
    <script src="../js/foundation/foundation.js"></script>
    <script src="../js/foundation/foundation.topbar.js"></script>
    <script src="../js/foundation/foundation.orbit.js"></script>
    <script src="../js/jquery.marquee.min.js"></script>
    <script src="../js/jquery.lazyload.js"></script>
        <script>
         $(document).foundation();
         $(document).ready(function () {

          $('img').each(function(i){
            var src = $(this).attr("src");
            $(this).attr("data-original",src);
            });

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


             var url = '../english/categories/scroldata.aspx';
             var data = { version: 'te' };
             $.get(url, data, function (response) {

                 $('#marquee1').html(response);

                 $('.marquee').marquee({
                     duration: 50000,
                     gap: 50,
                     delayBeforeStart: 0,
                     direction: 'left',
                     duplicated: true,
                     pauseOnHover: true
                 });

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