<section class="box">
	<div class="container">	
		<nav class="navbar navbar-default">				
				<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" href="#">Logo</a>-->
					</div>
					<div class="collapse navbar-collapse" id="myNavbar">
					<ul class="nav navbar-nav">
						<li class="active"><a class="frist" href="#">Newspaper</a></li>
						<li><a href="#">Home</a></li>
						<li><a href="#">National</a></li>
						<li><a href="#">Opinion</a></li>
						<li><a href="#">Business</a></li>
						<li><a href="#">Entertainment</a></li>
						<li><a href="#">Sports</a></li>
						<li><a href="#">International</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
					<!-- <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> <i class="fa fa-facebook" aria-hidden="true">
					</i>  </a></li>-->
					<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
					</ul>
			</div>
		</nav>
	</div>	
</section>