<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <!--Inicio do Menu--> <div class="navbar navbar-default"> <div class="container-fluid"> <!--Links--> <ul class="nav navbar-nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> <div class="navbar-header"> <a href="#" class="logo">L!</a> </div> </div> </div> <!--Fim do Menu--> </div> </div>

@import url('https://fonts.googleapis.com/css?family=Oswald|Fjalla+One'); .navbar{ background-color: #F38630; border-bottom: solid 8px #da782b; color: #fff; } .navbar-default .navbar-nav > li > a { color: #fff; font-family: 'Oswald', sans-serif; font-size: 15px; } .logo{ font-size: 3em; margin-left: 300px; color: #fff; font-family:'Fjalla One', sans-serif; } .link{ color: #fff; }