4 #permalink Top-bar

This is the top-bar of the site

Example
<ul class="nav nav-tabs hidden-xs">
  <li class="active">
    <a class="" href="#">Home</a>
  </li>
  <li class="">
    <a class="" href="#">E-Learning</a>
  </li>
  <li class="">
    <a class="" href="#">Catalogo</a>
  </li>
</ul>
<ul class="nav nav-tabs visible-xs">
  <script type="text/javascript">
    (function ($) {
      $(window).load(function () {
        var dropdown_title = $('.tabs-dropdown').find('.active').text();
        $('.dropdown-title').html(dropdown_title);
      })
    })(jQuery);
  </script>
  <li class="dropdown">
    <a href="javascript:void(0)" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true"
       aria-expanded="false">
      <span class="dropdown-title">E-Learning</span> &nbsp;<span class="caret"></span>
    </a>
    <ul class="dropdown-menu dropdown-menu-left tabs-dropdown">
      <li>
        <a href="#">Home</a>
      </li>
      <li class="active">
        <a href="#">E-Learning</a>
      </li>
      <li>
        <a href="#">Percorsi formativi</a>
      </li>
      <li>
        <a href="#">Libreria contenuti</a>
      </li>
      <li>
        <a href="#">Comunicazioni</a>
      </li>
      <li>
        <a href="#">Classe</a>
      </li>
      <li>
        <a href="#">Catalogo Corsi</a>
      </li>
      <li>
       <a href="#">Videoconferenza</a>
      </li>
    </ul>
  </li>
</ul>
<ul class="nav nav-pills">
  <li class="">
    <a class="icon--all" href="#">Tutti i corsi aperti</a>
  </li>
  <li class="">
    <a class=" icon--concluded" href="#">Conclusi</a>
  </li>
  <li class="">
    <a class=" icon--active" href="#">In itinere</a>
  </li>
</ul>
Example
<ul class="nav nav-tabs hidden-xs">
  <li class="">
    <a class="" href="#">Home</a>
  </li>
</ul>
Example
<ul class="nav nav-tabs hidden-xs">
  <li class="active">
    <a class="" href="javascript:void(0);">Home</a>
  </li>
</ul>
<ul class="nav nav-pills">
  <li class="">
    <a class="icon--all" href="#">Tutti i corsi aperti</a>
  </li>
  <li class="">
    <a class="icon--concluded" href="#">Conclusi</a>
  </li>
  <li class="">
    <a class="icon--active" href="#">In itinere</a>
  </li>
</ul>

4.5 #permalink This is the mobile top-bar