Menu
Il menu prevede delle voci testuali e come indicatore di visualizzazione attuale di pagina una sottolineatura della voce di menu. Nelle immagini sottostanti viene mostrato in versione desktop e mobile:
Versione DESKTOP
Versione MOBILE
Markup del menu desktop e mobile:
<div class="it-header-navbar-wrapper theme-light-desk filiGrigi">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<!--start nav-->
<nav class="navbar navbar-expand-lg has-megamenu">
<button class="custom-navbar-toggler" type="button" aria-controls="mobile-menu" aria-expanded="false" aria-label="Toggle navigation" data-target="#mobile-menu">
<svg class="icon">
<use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-burger"></use>
</svg>
<svg class="icon d-none">
<use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-close-big"></use>
</svg>
</button>
<div class="navbar-collapsable" id="mobile-menu">
<div class="overlay"></div>
<div class="close-div sr-only">
<button class="btn close-menu" type="button"><span class="it-close"></span>Chiudi</button>
</div>
<div class="menu-wrapper">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/home"><span>Home</span></a></li>
<li class="nav-item active"><a class="nav-link active" href="/procedimenti/new/bandi/bandi"><span>Bandi</span></a></li>
<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/comunicazioni"><span>Comunicazioni</span></a></li>
<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/come-funziona"><span>Come funziona</span></a></li>
<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/assistenza"><span>Assistenza</span></a></li>
<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/la-mia-area"><span>La mia area</span></a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>

