hubl/src/html/menu.html

<nav class="navbar bg-white fixed-top border-bottom pb-0 d-md-flex" id="navbar">

  <ldp-router id="navbar-router" class="navbar-nav" default-route="members">
    <ldp-route id="menu-title" class="col-3 col-md-2 nav-item" name="dashboard">
      HAPPY DEV
    </ldp-route>

    <div id="menu-items" class="col-7 col-md-10">
      <ldp-route class="nav-item pb-2 active align-self-stretch text-center text-md-left" name="members">
        <i class="fa fa-users" aria-hidden="true"></i>
        <span class="d-none d-md-inline"> Membres</span>
      </ldp-route>
      <ldp-route class="nav-item d-none" name="member" id-prefix="<?php echo $sdn; ?>/members/">
        Membre
      </ldp-route>

      <ldp-route class="nav-item pb-2 align-self-stretch text-center text-md-left" name="projects">
        <i class="fa fa-tasks" aria-hidden="true"></i>
        <span class="d-none d-md-inline"> Projets</span>
      </ldp-route>
      <ldp-route class="nav-item d-none" name="project" id-prefix="<?php echo $sdn; ?>/projects/">
        Projet
      </ldp-route>

      <ldp-route class="nav-item pb-2 align-self-stretch text-center text-md-left" name="channels">
        <i class="fa fa-comments" aria-hidden="true"></i>
        <span class="d-none d-md-inline"> Channels</span>
      </ldp-route>
      <ldp-route class="nav-item d-none" name="channel" id-prefix="<?php echo $sdn; ?>/channels/">
        channel
      </ldp-route>
    </div>

    <div class="col-2 col-md-1"></div>
  </ldp-router>

  <div id="search-bar">
    <input id="search-input" class="form-control" type="search" placeholder="ctrl + k"/>
    <i id="search-icon" class="fa fa-search" aria-hidden="true" data-toggle="modal" data-target="#search-view"></i>
  </div>
</nav>