<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<nav class="navbar navbar-toggleable-sm navbar-inverse bg-inverse">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<a class="navbar-brand new-font" href="#"><img src="https://s-media-cache-ak0.pinimg.com/736x/99/82/85/998285c92b011bbb7c57c1d40ec1ea3c--grey-man-allen-walker.jpg" alt="the pic not avaliable" class="small-img"> Ismail Salah</a>
<ul class="navbar-nav mr-auto mt-2 mt-lg-0 new-font">
<li class="nav-item active pull-right ">
<a class="nav-link " href="#">Home<span class="sr-only">(current)</span></a>
<li class="nav navbar-nav navbar-right ">
<a class="nav-link" href="#">About Me</a>
<a class="nav-link" href="#">profilo</a>
<a class="nav-link" href="#">Contact Me</a>