======Top Header ======
E’ composto da due parti: 
  * Elenco puntatola barra verde (sfondo verde con accesso al menu utente) 

{{:bootstrap_bolweb:componenti_principali:header_utente.png?600|}}

  * Elenco puntatola barra principale (sfondo bianco con logo regionale e titolo dell'applicazione)

{{:bootstrap_bolweb:componenti_principali:header_principale.png?600|}}

Il codice delle due barre deve essere racchiuso nel tag header:

<code>
<header>
   .
   .
   .
</header>
</code>

 
===== Codice barra verde =====
<code>
<div class="it-header-slim-wrapper px-2">
        <div class="container-fluid">
          <div class="row">
            <div class="col-12">
              <div class="it-header-slim-wrapper-content min-height-48">
                <a aria-label="Logo Regione Lombardia" class="d-lg-block navbar-brand ml-2" href="home">
                  <img src="bolweb/webapp/static/img/logo-regione-bianco.png" alt="Logo Regione Lombardia">
                </a>
                
                	
	<!-- TOP MENU -->
	<div class="header-slim-right-zone white-border-color- d-none d-md-flex">
      
      </div>
	<!-- END TOP MENU -->

					
	<!-- NOT LOGGED -->
	<div class="header-slim-right-zone white-border-color-">
	  <div class="btn btn-primary btn-icon w-100 btn-rl disabled" aria-disabled="true">
	    <span class="rounded-icon white-border-color-">
	      <svg class="icon icon-primary white-color">
	        <use xlink:href="bolweb/webapp/static/svg/sprite.svg#it-key"></use>
	      </svg>
	    </span>
	    <span class="d-block white-color font-weight-bold"><a href="#" class="noLine change-profile btn-login">Accedi</a> o <a href="#" data-content="register-modal" class="font-weight-light open-common-modal">Registrati</a></span>
	  </div>
	</div>
	<!-- END NOT LOGGED -->

              	
              </div>
            </div>
          </div>
        </div>
      </div>
</code>


===== Codice barra principale =====
<code>
<div class="it-header-center-wrapper theme-light white-bg px-2">
            <div class="container-fluid">
              <div class="row">
                <div class="col-12">
                  <div class="it-header-center-content-wrapper white-bg">
                    <div class="it-brand-wrapper">
                      <a aria-label="Logo Regione Lombardia" href="/procedimenti/new/bandi/home">
                        <img class="d-lg-block" src="/procedimenti/new/static/img/logo-regione.jpg" alt="Bandi online | Regione Lombardia">
                        <div class="it-brand-text">
                          <p class="service">Bandi online</p>
                        </div>
                      </a>
                    </div>
                    <div class="it-right-zone">
                      <div class="it-socials d-none d-md-flex">
                        &nbsp;
                      </div>
                      <div class="it-search-wrapper cerca-header">
                        <span class="d-block d-lg-none"></span>
                        <a title="Cerca un bando" class="search-link d-block d-sm-none rounded-icon white-bg btn-dropdown mr-3" data-toggle="collapse" href=".cerca-collapse" role="button" aria-expanded="false">
                          <svg class="icon icon-sm icon-change search-icon">
                            <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-search"></use>
                          </svg>
                          <svg class="icon icon-sm icon-change close-icon d-none">
                            <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-close-big"></use>
                          </svg>
                        </a>
                        <form action="/procedimenti/new/bandi/bandiByTitolo" method="get" class="search_generico_form w-100">
                          <div class="ml-auto collapse py-3 cerca-collapse w-100 only-mobile-px-sm-3">
	                        <div class="input-group">
	                          <label for="search_generico_text" class="sr-only active" style="transition: none 0s ease 0s;">Cerca un bando</label>
	                          <input id="search_generico_text" name="titolo" type="text" class="form-control search_generico_text" placeholder="Cerca un bando" aria-label="Cerca un bando">
	                          <div class="input-group-append">
	                            <button class="btn btn-outline-secondary search_generico_bnt" type="submit" aria-label="Cerca un bando">
	                              <svg class="icon icon-sm">
	                                <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-search"></use>
	                              </svg>
	                            </button>
	                          </div>
	                        </div>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
</code>