UI Molecules

<a class="amui-m-nav-icon is--active is--inner-text" href="#">
  <i class="material-icons md-24">home</i>
  <span class="amui-m-nav-icon__inner-text">Accueil</span>
</a>

<a class="amui-m-nav-icon is--inner-text" href="#">
  <i class="material-icons md-24">announcement</i>
  <span class="amui-m-nav-icon__inner-text">Evènements</span>
</a>

<a class="amui-m-nav-icon is--inner-text" href="#">
  <i class="material-icons md-24">apps</i>
  <span class="amui-m-nav-icon__inner-text">Applications</span>
</a>

<a class="amui-m-nav-icon is--inner-text" href="#">
  <i class="material-icons md-24">storage</i>
  <span class="amui-m-nav-icon__inner-text">Serveurs</span>
</a>

<a class="amui-m-nav-icon is--inner-text" href="#">
  <i class="material-icons md-24">account_balance</i>
  <span class="amui-m-nav-icon__inner-text">Habilitation</span>
</a>

<a class="amui-m-nav-icon" href="info.html">
  <i class="material-icons md-24">help</i>
</a>

<a class="amui-m-nav-icon" href="http://ent.univ-amu.fr">
  <span>ENT</span>
</a>

<div class="amui-m-btn-dropdown btn-group dropdown dropdown--parent">
  <a class="amui-m-nav-icon is--inner-text-inline-block dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    <i class="material-icons md-24">settings</i>
    <span class="amui-m-nav-icon__inner-text">Admin</span>
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li>
      <a href="#">Link</a>
    </li>
    <li>
      <a href="#">Link</a>
    </li>
    <li>
      <a href="#">Link</a>
    </li>
    <li>
      <a href="#">Link</a>
    </li>
  </ul>
</div>