Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

--- bootstrap_bolweb:componenti_principali:menu [2021/09/21 15:03]
admin
+++ bootstrap_bolweb:componenti_principali:menu [2021/10/08 10:46] (versione attuale)
@@ Linea 4: / Linea 4: @@
 Versione DESKTOP
-{{:bootstrap_bolweb:componenti_principali:menu_desktop.png?400|}}
+{{:bootstrap_bolweb:componenti_principali:menu_desktop.png?800|}}
 Versione MOBILE
+{{:bootstrap_bolweb:componenti_principali:menu_mobile.png?400|}}
+====== Markup del menu desktop e mobile: ======
+<code>
+<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>
+</code>