frontend-inversiones/src/app/components/plugins/navbar-inv-proposals/navbar-inv-proposals.html

<div class="board-inner" id="status-buttons">
  <ul class="nav nav-tabs" id="myTab">
    <div class="liner"></div>

    <!-- circular user icon -->
    <li>
      <a
        routerLink="/investment-proposals/general-info"
        title="general"
        [ngClass]="activeLink == 'general' ? 'active' : ''"
      >
        <span class="round-tabs one">
          <i class="material-icons">post_add</i>
        </span>
      </a>
    </li>

    <!-- circular tasks icon -->
    <li>
      <a
        routerLink="/work"
        title="instrument"
        [ngClass]="activeLink == 'instrument' ? 'active' : ''"
      >
        <span class="round-tabs two">
          <i class="material-icons">business_center</i>
        </span>
      </a>
    </li>

    <!-- circular home icon -->
    <li>
      <a
        routerLink="/address"
        [ngClass]="activeLink == 'other_info' ? 'active' : ''"
        title="address"
      >
        <span class="round-tabs three">
          <i class="material-icons">library_books</i>
        </span>
      </a>
    </li>

    <!-- circular ok icon -->
    <li>
      <a
        routerLink="/result"
        [ngClass]="activeLink == 'result' ? 'active' : ''"
        title="completed"
      >
        <span class="round-tabs four">
          <i class="material-icons">check_box</i>
        </span>
      </a>
    </li>
  </ul>
  <div class="clearfix"></div>
</div>