angularProject/app/views/nav-menu.html

<nav class="nav-menu">
  <span class="nav-menu-title"> MENU </span>
  <ul>
    <li ng-class="{'active-link': isActive('/')}" ng-click="toggleMenu()"><a href="#!/">Main page</a></li>
    <li ng-class="{'active-link': isActive('/ready-menu')}" ng-click="toggleMenu()"><a href="#!/ready-menu">Ready menus</a></li>
    <li ng-class="{'active-link': isActive('/select-menu')}" ng-click="toggleMenu()"><a href="#!/select-menu">Customize menu</a></li>
    <li ng-click="toggleMenu()"><a href="#">Delivery & Contacts</a></li>
    <li ng-class="{'active-link': isActive('/about-us')}" ng-click="toggleMenu()"><a href="#!/about-us">About us</a></li>
    <li ng-if="isModeratorSigned" ng-class="{'active-link': isActive('/add-item')}" ng-click="toggleMenu()"><a href="#!/add-item">Add item</a></li>
    <li ng-if="isModeratorSigned" ng-class="{'active-link': isActive('/messages')}" ng-click="toggleMenu()"><a href="#!/messages">Messages</a></li>
  </ul>
  <div class="nav-menu-icons-wrapper">
    <div class="nav-menu-icon">
      <a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a>
    </div>
    <div class="nav-menu-icon">
      <a href="https://www.instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a>
    </div>
    <div class="nav-menu-icon">
      <a href="https://www.twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a>
    </div>
  </div>
</nav>