Footer

Footer per il fondo pagina.

Il Footer è la componente base ideata per il fondo pagina.

Deve contenere come ultima riga il copyright e al di sopra il nome del servizio.
In mezzo è opportuno inserire i link di servizio e se i link in questione sono molti è meglio organizzarli su righe e colonne, lasciando che l’altezza del footer cresca di conseguenza.

<footer class="footer">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 my-4 fw-bold title">ACCREDITAS Sistema di accreditamento</div>
    </div>
    <div class="row">
      <div class="col-12 mt-3">
        <ul class="it-footer-small-prints-list list-inline mb-0 d-flex flex-column flex-md-row">
          <li class="list-inline-item"><a href="">Privacy</a></li>
          <li class="list-inline-item"><a href="">Accessibilità</a></li>
          <li class="list-inline-item"><a href="">Cookie policy</a></li>
          <li class="list-inline-item"><a href="">Note legali</a></li>
          <li class="list-inline-item"><a href="">Contatti</a></li>
          <li class="list-inline-item"><a href="">Credits</a></li>
        </ul>
      </div>
    </div>
    <div class="row">
      <div class="col-12 my-3 copyright">
        <span class="d-inline-block">&copy; Copyright Regione Lombardia tutti i diritti riservati</span>
        <span class="d-inline-block"> - C.F. 80050050154</span>
        <span class="d-inline-block"> - Piazza Città di Lombardia 1</span>
        <span class="d-inline-block"> - 20124 Milano</span>
      </div>
    </div>
  </div>
</footer>

Nota: La dicitura del copyright è strutturata in modo da andare a capo a blocchi a seconda della dimensione dello schermo.

Nel caso in cui serva un footer sottile, il minimo consentito è quello riportato di seguito.

<footer class="footer">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 my-4 fw-bold title">
        ACCREDITAS Sistema di accreditamento
      </div>
    </div>
    <div class="row">
      <div class="col-12 my-3 copyright">
        <span class="d-inline-block">&copy; Copyright Regione Lombardia</span>
        <span class="d-inline-block"> - tutti i diritti riservati</span>
        <span class="d-inline-block"> - C.F. 80050050154</span>
        <span class="d-inline-block"> - Piazza Città di Lombardia 1</span>
        <span class="d-inline-block"> - 20124 Milano</span>
      </div>
    </div>
  </div>
</footer>

La seconda casistica di gestione di loghi multipli contempla l’inserimento dei loghi partner al negativo all’interno del footer, sempre in orizzontale e per un massimo di 4 loghi per riga.

Si specifica tuttavia che questa circostanza è strettamente vincolata alla disponibilità di loghi al negativo.
Qualora si disponesse soltanto della loro versione in positivo, essi devono essere posizionati esternamente, come mostrato nella sezione gestione loghi multipli.

<footer class="footer">
  <div class="container-fluid">
    <div class="row">
      <div class="col-3">
        <div class="it25-footer-logo">
          <img src="/bootstrap-lombardia/dist/assets/img/logo-saf-lombardia.png" alt="logo scuola alta formazione lombardia" class="img-fluid p-3">
        </div>
      </div>
      <div class="col-3">
        <div class="it25-footer-logo">
          <img src="/bootstrap-lombardia/dist/assets/img/logo-cna-lombardia-bianco.png" alt="logo cna formazione lombardia" class="img-fluid p-3">
        </div>
      </div>
      . . .
      . . .
    </div>
    <div class="row">
      <div class="col-12 my-4 fw-bold title">ACCREDITAS Sistema di accreditamento</div>
    </div>
    <div class="row">
      <div class="col-12 my-3 copyright">
        <span class="d-inline-block">&copy; Copyright Regione Lombardia tutti i diritti riservati</span>
        <span class="d-inline-block"> - C.F. 80050050154</span>
        <span class="d-inline-block"> - Piazza Città di Lombardia 1</span>
        <span class="d-inline-block"> - 20124 Milano</span>
      </div>
    </div>
  </div>
</footer>

Bootstrap Regione Lombardia

Versione di Bootstrap Italia per la Regione Lombardia per lo sviluppo di applicazioni web per la PA

Footer

Footer minimo

Footer con loghi multipli