Top Menu

Top menu is very easy to add. You just need to link to page or external URL & add menu as list item. See markup

<div class="main-menu">
    <a href="" class="mobile-logo"><img src="img/logo.png" alt=""></a>
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div> 
    <div class="navbar-collapse collapse">
        <ul class="menu">
            <li class="current_page_item"><a href="index.html">Home</a>
                <ul>
                    <li><a href="index-2.html">Homepage Boxed</a></li>
                    <li><a href="index-3.html">Homepage Fullwidth</a></li>
                    <li><a href="index-4.html">Homepage Masonry</a></li>
                </ul>
            </li>
            <li><a href="about.html">About</a></li>
            <li><a href="category.html">Sports</a></li>
            <li><a href="category.html">Movies</a></li>
            <li><a href="contact.html">contact</a></li>
        </ul>
    </div>       
    <span class="menu-show"><i class="fa fa-bars"></i></span>
</div>

<a href="" class="mobile-logo"><img src="img/logo.png" alt=""></a> used displaying logo on fullwidth & mobile view. navbar-header div used for display mobile menu trigger. You can easily add your menu as list. Like, if I want to add a link for facebook, I will add <li><a href="http://facebook.com/username">Facebook</a></li>