1<div ng-controller="NavbarCtrl">
 2  <nav class="navbar navbar-expand-lg navbar-dark c_blue500">
 3    <a class="navbar-brand" href="#">
 4      <i title="Server" class="fa fa-cube fa-1x"></i> decentralized-blogging-platform
 5    </a>
 6    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 7    <span class="navbar-toggler-icon"></span>
 8  </button>
 9
10    <div class="collapse navbar-collapse" id="navbarSupportedContent">
11      <ul class="navbar-nav mr-auto">
12        <li class="nav-item active">
13          <a class="nav-link" href="#">Top Posts <span class="sr-only">(current)</span></a>
14        </li>
15        <li class="nav-item">
16          <a class="nav-link" href="#">Top Writters</a>
17        </li>
18        <form class="form-inline my-2 my-lg-0">
19          <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
20        </form>
21      </ul>
22      <ul class="navbar-nav" ng-show="user">
23        <li class="nav-item">
24          <a href="#!/write" class="nav-link">
25            <i title="New article" class="fa fa-plus fa-1x"></i>
26          </a>
27        </li>
28        <li class="nav-item">
29          <a href="#!/user/{{user.id}}" class="nav-link">
30            <i title="Profile" class="fa fa-user fa-1x"></i> {{user.username}}
31          </a>
32        </li>
33        <li class="nav-item">
34          <a ng-click="logout()" class="nav-link">
35            <i title="Logout" class="fa fa-power-off fa-1x"></i>
36          </a>
37        </li>
38      </ul>
39      <ul class="navbar-nav" ng-show="!user">
40        <li class="nav-item">
41          <a href="#!/signup" class="nav-link">
42            <i title="Signup" class="fa fa-user-plus fa-1x"></i> Signup
43          </a>
44        </li>
45        <li class="nav-item">
46          <a href="#!/login" class="nav-link">
47            <i title="Login" class="fa fa-sign-in fa-1x"></i> Login
48          </a>
49        </li>
50      </ul>
51    </div>
52  </nav>
53</div>