<footer>
    <!-- Secondary Menu -->
    <div class="col-md-6">

    </div>
    <div class="col-md-6">
        <nav class="navbar secondary_menu">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- <a class="navbar-brand footer_logo" href="#">University of asia pacific</a> -->
                </div>
                <div class="collapse navbar-collapse" id="myNavbar">
                    <ul class="footer_right_menu nav navbar-nav navbar-right">
                        <li data-menuanchor="firstPage" style="display: none;"><a class="cbutton" href="#firstPage">About UAP</a></li>
                        <li data-menuanchor="secondPage"><a class="cbutton" href="#secondPage">Vision &amp; Mission</a></li>
                        <li data-menuanchor="3rdPage"><a class="cbutton" href="#3rdPage">UAP At a Glance</a></li>
                        <li data-menuanchor="4thpage"><a class="cbutton" href="#4thpage">UAP History</a></li>
                        <li data-menuanchor="5thpage"><a class="cbutton" href="#5thpage">UAP Accolades</a></li>
                        <li data-menuanchor="6thpage"><a class="cbutton" href="#6thpage">Messages</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="bottom_space_top"></div>
    <div class="bottom_space"></div>
    <div class="bottom_space_top_border"></div>
    <div class="news_marque">
        <div class="news_marque_title">
            <p>News</p>
        </div>
        <div class="news">
            <a class="news-item" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, quia.</a>
            <a class="news-item" href="#">Asperiores consequuntur harum necessitatibus pariatur quo quod temporibus unde velit.</a>
            <a class="news-item" href="#">Ab distinctio dolorem ea inventore ipsum nam quae quos unde.</a>
            <a class="news-item" href="#">Aliquam dignissimos dolorem libero nemo nobis numquam sapiente sunt tempora.</a>
            <a class="news-item" href="#">Deleniti eaque eos placeat voluptatibus! Accusantium architecto magnam non sequi.</a>
        </div>
    </div>
</footer>
<script>
    $(".content_left_default").niceScroll({
        cursorwidth:6,
        // cursoropacitymin:0.4,
        cursorcolor:'#6e8cb6',
        // autohidemode:'leave'
    });
    $(".custom_scroll").niceScroll({
        cursorwidth:6,
        // cursoropacitymin:0.4,
        cursorcolor:'#6e8cb6',
        // autohidemode:'leave'
    });
    var newsTicker = $(".news").ticker({
        speed: 70,
        pauseOnHover: !0,
        item: ".news-item"
    }).data("ticker");
</script>