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>