Componente
Footer
Piè di pagina istituzionale a due fasce: colonne di link e contatti su primary, note legali su accent, oppure sulla superficie base (lo sfondo della pagina) con testo primary. daisyUI footer e footer-title, colori dai token del tema.
- Riferimento
.it-footer (bootstrap-italia)- Classi
ita-footerita-footer-baseita-footer-mainita-footer-containerita-footer-brandita-footer-nameita-footer-taglineita-footer-columnsita-footer-contactsita-footer-listita-footer-socialsita-footer-legal- Basato su (daisyUI)
footerfooter-title- Solo CSS
- Nessun comportamento da replicare: è markup statico. Le due fasce usano bg-primary e bg-accent invece dei token primary-muted e primary-deep di bootstrap-italia, così restano leggibili in tutti i temi.
- Storybook
- Apri le storie di Footer
Footer completo
Mostra il codice HTMLNascondi il codice HTML
<footer class="ita-footer">
<div class="ita-footer-main">
<div class="ita-footer-container">
<section class="ita-footer-brand">
<a href="#">
<svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19,12l-2.9,2.9l-0.7-0.8l2.1-2.1l-2.1-2.1l0.7-0.8L19,12z M7.9,9.1L5,12l2.9,2.9l0.7-0.8L6.5,12l2.1-2.1L7.9,9.1z M22,12 c0,5.5-4.5,10-10,10S2,17.5,2,12S6.5,2,12,2S22,6.5,22,12z M21,12c0-5-4-9-9-9s-9,4-9,9s4,9,9,9S21,17,21,12z M9.6,16.5l1,0.3 l3.7-9.3l-0.9-0.3L9.6,16.5z" /></svg>
<span>
<h2 class="ita-footer-name">Lorem Ipsum</h2>
<span class="ita-footer-tagline">Inserire qui la tag line</span>
</span>
</a>
</section>
<section class="footer ita-footer-columns">
<nav>
<h3 class="footer-title">Amministrazione</h3>
<ul class="ita-footer-list">
<li><a href="#">Giunta e consiglio</a></li>
<li><a href="#">Aree di competenza</a></li>
<li><a href="#">Dipendenti</a></li>
<li><a href="#">Luoghi</a></li>
<li><a href="#">Associazioni e società partecipate</a></li>
</ul>
</nav>
<nav>
<h3 class="footer-title">Servizi</h3>
<ul class="ita-footer-list">
<li><a href="#">Pagamenti</a></li>
<li><a href="#">Sostegno</a></li>
<li><a href="#">Domande e iscrizioni</a></li>
<li><a href="#">Segnalazioni</a></li>
<li><a href="#">Autorizzazioni e concessioni</a></li>
</ul>
</nav>
<nav>
<h3 class="footer-title">Novità</h3>
<ul class="ita-footer-list">
<li><a href="#">Notizie</a></li>
<li><a href="#">Eventi</a></li>
<li><a href="#">Comunicati stampa</a></li>
</ul>
</nav>
<nav>
<h3 class="footer-title">Documenti</h3>
<ul class="ita-footer-list">
<li><a href="#">Progetti e attività</a></li>
<li><a href="#">Delibere, determine e ordinanze</a></li>
<li><a href="#">Bandi</a></li>
<li><a href="#">Concorsi</a></li>
</ul>
</nav>
</section>
<section class="footer ita-footer-contacts">
<div>
<h3 class="footer-title">Contatti</h3>
<p><strong>Comune di Lorem Ipsum</strong><br>Via Roma 0 - 00000 Lorem Ipsum Codice fiscale / P. IVA: 000000000</p>
<ul class="ita-footer-list">
<li><a href="#">Posta Elettronica Certificata</a></li>
<li><a href="#">URP - Ufficio Relazioni con il Pubblico</a></li>
</ul>
</div>
<div>
<h3 class="footer-title">Seguici su</h3>
<ul class="ita-footer-socials">
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8.7,20.2v-13h3.6v13.1L8.7,20.2L8.7,20.2z M23,10.1h-3.3v5.4c0,0.5,0,0.9,0,1.1s0.1,0.4,0.3,0.6s0.4,0.2,0.8,0.2h2.1 l0.2,2.8c-1.2,0.3-2.1,0.4-2.8,0.4c-1.6,0-2.7-0.3-3.3-1.1c-0.6-0.7-0.9-2-0.9-3.9v-12h3.6v3.6H23V10.1L23,10.1z M3.2,11.1 c-0.6,0-1.2-0.2-1.6-0.6C1.2,10.1,1,9.6,1,9s0.2-1.1,0.6-1.5C2,7,2.5,6.8,3.2,6.8S4.3,7,4.7,7.4c0.4,0.5,0.6,1,0.6,1.6 s-0.2,1.1-0.6,1.5S3.8,11.1,3.2,11.1z" /></svg><span class="sr-only">Designers Italia (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.927 10.4911L19.5111 4H18.1879L13.3392 9.63609L9.4666 4H5L10.8562 12.5228L5 19.3296H6.32332L11.4436 13.3777L15.5334 19.3296H20L13.9267 10.4911H13.927ZM12.1146 12.5979L11.5212 11.7492L6.80014 4.99618H8.83269L12.6426 10.4461L13.236 11.2947L18.1885 18.3788H16.156L12.1146 12.5982V12.5979Z" /></svg><span class="sr-only">X (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.2812 12.6249C13.2812 15.7315 10.7558 18.25 7.64049 18.25C4.52519 18.25 2 15.7323 2 12.6249C2 9.51756 4.52538 7 7.64049 7C10.7556 7 13.2812 9.51832 13.2812 12.6249ZM19.4691 12.6249C19.4691 15.5494 18.2063 17.9199 16.6487 17.9199C15.0912 17.9199 13.8284 15.5486 13.8284 12.6249C13.8284 9.70119 15.0912 7.32989 16.6487 7.32989C18.2063 7.32989 19.4691 9.70119 19.4691 12.6249ZM22 12.6249C22 15.2451 21.5558 17.369 21.008 17.369C20.4603 17.369 20.0161 15.2443 20.0161 12.6249C20.0161 10.0055 20.4603 7.88079 21.0082 7.88079C21.5562 7.88079 22 10.0049 22 12.6249Z" /></svg><span class="sr-only">Medium (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7.8,5.8c0.5,0,1.1,0,1.6,0.2c0.4,0.1,0.9,0.3,1.2,0.5C11,6.6,11.3,7,11.5,7.3c0.2,0.5,0.3,1,0.3,1.4c0,0.5-0.1,1.1-0.4,1.5 c-0.3,0.4-0.8,0.8-1.3,1c0.7,0.2,1.3,0.6,1.7,1.1c0.4,0.6,0.6,1.3,0.6,2c0,0.5-0.1,1.1-0.3,1.6c-0.2,0.4-0.6,0.8-1,1.1 c-0.4,0.3-0.9,0.5-1.4,0.6C9.1,18,8.5,18,8,18H2V5.8H7.8z M7.5,10.8c0.4,0,0.8-0.1,1.2-0.4C9,10.1,9.2,9.7,9.1,9.3 c0-0.3,0-0.5-0.1-0.8C8.9,8.4,8.8,8.2,8.6,8.1C8.4,8,8.2,7.9,8,7.9c-0.2,0-0.5-0.1-0.7-0.1H4.7v2.9L7.5,10.8z M7.6,16 c0.3,0,0.5,0,0.8-0.1c0.2-0.1,0.4-0.2,0.6-0.3c0.2-0.1,0.3-0.3,0.4-0.5c0.1-0.3,0.2-0.5,0.2-0.8c0-0.5-0.2-1-0.5-1.3 c-0.4-0.3-0.9-0.4-1.4-0.4H4.7V16L7.6,16z M16.2,15.9c0.4,0.4,1,0.6,1.6,0.5c0.4,0,0.9-0.1,1.3-0.4c0.3-0.2,0.5-0.5,0.6-0.8h2.1 c-0.2,0.9-0.8,1.7-1.6,2.3c-0.8,0.5-1.7,0.7-2.6,0.7c-0.6,0-1.3-0.1-1.9-0.3c-1.1-0.4-2-1.3-2.3-2.4c-0.2-0.6-0.3-1.2-0.3-1.9 c0-0.6,0.1-1.3,0.3-1.9c0.2-0.6,0.5-1.1,0.9-1.5c0.4-0.4,0.9-0.8,1.4-1C16.4,9,17,8.9,17.6,8.9c0.7,0,1.4,0.1,2,0.4 c0.5,0.3,1,0.7,1.4,1.2c0.4,0.5,0.6,1.1,0.8,1.7c0.2,0.7,0.2,1.3,0.2,2h-6.4C15.6,14.8,15.8,15.4,16.2,15.9z M19,11.2 c-0.4-0.3-0.9-0.5-1.4-0.5c-0.3,0-0.7,0-1,0.2c-0.2,0.1-0.5,0.3-0.6,0.5c-0.2,0.2-0.3,0.4-0.3,0.6c-0.1,0.2-0.1,0.4-0.1,0.6h4 C19.5,12.1,19.3,11.6,19,11.2z M15.1,6.6h5v1.2h-5V6.6z" /></svg><span class="sr-only">Behance (link esterno)</span></a></li>
</ul>
</div>
</section>
</div>
</div>
<div class="ita-footer-legal">
<ul class="ita-footer-container">
<li><a href="#">Media policy</a></li>
<li><a href="#">Note legali</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Mappa del sito</a></li>
<li><a href="#">Dichiarazione di accessibilità<span class="sr-only"> (link esterno su sito AgID)</span></a></li>
</ul>
</div>
</footer>Footer solo contatti
Mostra il codice HTMLNascondi il codice HTML
<footer class="ita-footer">
<div class="ita-footer-main">
<div class="ita-footer-container">
<section class="ita-footer-brand">
<a href="#">
<svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19,12l-2.9,2.9l-0.7-0.8l2.1-2.1l-2.1-2.1l0.7-0.8L19,12z M7.9,9.1L5,12l2.9,2.9l0.7-0.8L6.5,12l2.1-2.1L7.9,9.1z M22,12 c0,5.5-4.5,10-10,10S2,17.5,2,12S6.5,2,12,2S22,6.5,22,12z M21,12c0-5-4-9-9-9s-9,4-9,9s4,9,9,9S21,17,21,12z M9.6,16.5l1,0.3 l3.7-9.3l-0.9-0.3L9.6,16.5z" /></svg>
<span>
<h2 class="ita-footer-name">Lorem Ipsum</h2>
<span class="ita-footer-tagline">Inserire qui la tag line</span>
</span>
</a>
</section>
<section class="footer ita-footer-contacts">
<div>
<h3 class="footer-title">Contatti</h3>
<p><strong>Comune di Lorem Ipsum</strong><br>Via Roma 0 - 00000 Lorem Ipsum Codice fiscale / P. IVA: 000000000</p>
<ul class="ita-footer-list">
<li><a href="#">Posta Elettronica Certificata</a></li>
<li><a href="#">URP - Ufficio Relazioni con il Pubblico</a></li>
</ul>
</div>
<div>
<h3 class="footer-title">Seguici su</h3>
<ul class="ita-footer-socials">
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8.7,20.2v-13h3.6v13.1L8.7,20.2L8.7,20.2z M23,10.1h-3.3v5.4c0,0.5,0,0.9,0,1.1s0.1,0.4,0.3,0.6s0.4,0.2,0.8,0.2h2.1 l0.2,2.8c-1.2,0.3-2.1,0.4-2.8,0.4c-1.6,0-2.7-0.3-3.3-1.1c-0.6-0.7-0.9-2-0.9-3.9v-12h3.6v3.6H23V10.1L23,10.1z M3.2,11.1 c-0.6,0-1.2-0.2-1.6-0.6C1.2,10.1,1,9.6,1,9s0.2-1.1,0.6-1.5C2,7,2.5,6.8,3.2,6.8S4.3,7,4.7,7.4c0.4,0.5,0.6,1,0.6,1.6 s-0.2,1.1-0.6,1.5S3.8,11.1,3.2,11.1z" /></svg><span class="sr-only">Designers Italia (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.927 10.4911L19.5111 4H18.1879L13.3392 9.63609L9.4666 4H5L10.8562 12.5228L5 19.3296H6.32332L11.4436 13.3777L15.5334 19.3296H20L13.9267 10.4911H13.927ZM12.1146 12.5979L11.5212 11.7492L6.80014 4.99618H8.83269L12.6426 10.4461L13.236 11.2947L18.1885 18.3788H16.156L12.1146 12.5982V12.5979Z" /></svg><span class="sr-only">X (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.2812 12.6249C13.2812 15.7315 10.7558 18.25 7.64049 18.25C4.52519 18.25 2 15.7323 2 12.6249C2 9.51756 4.52538 7 7.64049 7C10.7556 7 13.2812 9.51832 13.2812 12.6249ZM19.4691 12.6249C19.4691 15.5494 18.2063 17.9199 16.6487 17.9199C15.0912 17.9199 13.8284 15.5486 13.8284 12.6249C13.8284 9.70119 15.0912 7.32989 16.6487 7.32989C18.2063 7.32989 19.4691 9.70119 19.4691 12.6249ZM22 12.6249C22 15.2451 21.5558 17.369 21.008 17.369C20.4603 17.369 20.0161 15.2443 20.0161 12.6249C20.0161 10.0055 20.4603 7.88079 21.0082 7.88079C21.5562 7.88079 22 10.0049 22 12.6249Z" /></svg><span class="sr-only">Medium (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7.8,5.8c0.5,0,1.1,0,1.6,0.2c0.4,0.1,0.9,0.3,1.2,0.5C11,6.6,11.3,7,11.5,7.3c0.2,0.5,0.3,1,0.3,1.4c0,0.5-0.1,1.1-0.4,1.5 c-0.3,0.4-0.8,0.8-1.3,1c0.7,0.2,1.3,0.6,1.7,1.1c0.4,0.6,0.6,1.3,0.6,2c0,0.5-0.1,1.1-0.3,1.6c-0.2,0.4-0.6,0.8-1,1.1 c-0.4,0.3-0.9,0.5-1.4,0.6C9.1,18,8.5,18,8,18H2V5.8H7.8z M7.5,10.8c0.4,0,0.8-0.1,1.2-0.4C9,10.1,9.2,9.7,9.1,9.3 c0-0.3,0-0.5-0.1-0.8C8.9,8.4,8.8,8.2,8.6,8.1C8.4,8,8.2,7.9,8,7.9c-0.2,0-0.5-0.1-0.7-0.1H4.7v2.9L7.5,10.8z M7.6,16 c0.3,0,0.5,0,0.8-0.1c0.2-0.1,0.4-0.2,0.6-0.3c0.2-0.1,0.3-0.3,0.4-0.5c0.1-0.3,0.2-0.5,0.2-0.8c0-0.5-0.2-1-0.5-1.3 c-0.4-0.3-0.9-0.4-1.4-0.4H4.7V16L7.6,16z M16.2,15.9c0.4,0.4,1,0.6,1.6,0.5c0.4,0,0.9-0.1,1.3-0.4c0.3-0.2,0.5-0.5,0.6-0.8h2.1 c-0.2,0.9-0.8,1.7-1.6,2.3c-0.8,0.5-1.7,0.7-2.6,0.7c-0.6,0-1.3-0.1-1.9-0.3c-1.1-0.4-2-1.3-2.3-2.4c-0.2-0.6-0.3-1.2-0.3-1.9 c0-0.6,0.1-1.3,0.3-1.9c0.2-0.6,0.5-1.1,0.9-1.5c0.4-0.4,0.9-0.8,1.4-1C16.4,9,17,8.9,17.6,8.9c0.7,0,1.4,0.1,2,0.4 c0.5,0.3,1,0.7,1.4,1.2c0.4,0.5,0.6,1.1,0.8,1.7c0.2,0.7,0.2,1.3,0.2,2h-6.4C15.6,14.8,15.8,15.4,16.2,15.9z M19,11.2 c-0.4-0.3-0.9-0.5-1.4-0.5c-0.3,0-0.7,0-1,0.2c-0.2,0.1-0.5,0.3-0.6,0.5c-0.2,0.2-0.3,0.4-0.3,0.6c-0.1,0.2-0.1,0.4-0.1,0.6h4 C19.5,12.1,19.3,11.6,19,11.2z M15.1,6.6h5v1.2h-5V6.6z" /></svg><span class="sr-only">Behance (link esterno)</span></a></li>
</ul>
</div>
</section>
</div>
</div>
<div class="ita-footer-legal">
<ul class="ita-footer-container">
<li><a href="#">Media policy</a></li>
<li><a href="#">Note legali</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Mappa del sito</a></li>
<li><a href="#">Dichiarazione di accessibilità<span class="sr-only"> (link esterno su sito AgID)</span></a></li>
</ul>
</div>
</footer>Footer completo - sfondo base
Mostra il codice HTMLNascondi il codice HTML
<footer class="ita-footer ita-footer-base">
<div class="ita-footer-main">
<div class="ita-footer-container">
<section class="ita-footer-brand">
<a href="#">
<svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19,12l-2.9,2.9l-0.7-0.8l2.1-2.1l-2.1-2.1l0.7-0.8L19,12z M7.9,9.1L5,12l2.9,2.9l0.7-0.8L6.5,12l2.1-2.1L7.9,9.1z M22,12 c0,5.5-4.5,10-10,10S2,17.5,2,12S6.5,2,12,2S22,6.5,22,12z M21,12c0-5-4-9-9-9s-9,4-9,9s4,9,9,9S21,17,21,12z M9.6,16.5l1,0.3 l3.7-9.3l-0.9-0.3L9.6,16.5z" /></svg>
<span>
<h2 class="ita-footer-name">Lorem Ipsum</h2>
<span class="ita-footer-tagline">Inserire qui la tag line</span>
</span>
</a>
</section>
<section class="footer ita-footer-columns">
<nav>
<h3 class="footer-title">Amministrazione</h3>
<ul class="ita-footer-list">
<li><a href="#">Giunta e consiglio</a></li>
<li><a href="#">Aree di competenza</a></li>
<li><a href="#">Dipendenti</a></li>
<li><a href="#">Luoghi</a></li>
<li><a href="#">Associazioni e società partecipate</a></li>
</ul>
</nav>
<nav>
<h3 class="footer-title">Servizi</h3>
<ul class="ita-footer-list">
<li><a href="#">Pagamenti</a></li>
<li><a href="#">Sostegno</a></li>
<li><a href="#">Domande e iscrizioni</a></li>
<li><a href="#">Segnalazioni</a></li>
<li><a href="#">Autorizzazioni e concessioni</a></li>
</ul>
</nav>
<nav>
<h3 class="footer-title">Novità</h3>
<ul class="ita-footer-list">
<li><a href="#">Notizie</a></li>
<li><a href="#">Eventi</a></li>
<li><a href="#">Comunicati stampa</a></li>
</ul>
</nav>
<nav>
<h3 class="footer-title">Documenti</h3>
<ul class="ita-footer-list">
<li><a href="#">Progetti e attività</a></li>
<li><a href="#">Delibere, determine e ordinanze</a></li>
<li><a href="#">Bandi</a></li>
<li><a href="#">Concorsi</a></li>
</ul>
</nav>
</section>
<section class="footer ita-footer-contacts">
<div>
<h3 class="footer-title">Contatti</h3>
<p><strong>Comune di Lorem Ipsum</strong><br>Via Roma 0 - 00000 Lorem Ipsum Codice fiscale / P. IVA: 000000000</p>
<ul class="ita-footer-list">
<li><a href="#">Posta Elettronica Certificata</a></li>
<li><a href="#">URP - Ufficio Relazioni con il Pubblico</a></li>
</ul>
</div>
<div>
<h3 class="footer-title">Seguici su</h3>
<ul class="ita-footer-socials">
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8.7,20.2v-13h3.6v13.1L8.7,20.2L8.7,20.2z M23,10.1h-3.3v5.4c0,0.5,0,0.9,0,1.1s0.1,0.4,0.3,0.6s0.4,0.2,0.8,0.2h2.1 l0.2,2.8c-1.2,0.3-2.1,0.4-2.8,0.4c-1.6,0-2.7-0.3-3.3-1.1c-0.6-0.7-0.9-2-0.9-3.9v-12h3.6v3.6H23V10.1L23,10.1z M3.2,11.1 c-0.6,0-1.2-0.2-1.6-0.6C1.2,10.1,1,9.6,1,9s0.2-1.1,0.6-1.5C2,7,2.5,6.8,3.2,6.8S4.3,7,4.7,7.4c0.4,0.5,0.6,1,0.6,1.6 s-0.2,1.1-0.6,1.5S3.8,11.1,3.2,11.1z" /></svg><span class="sr-only">Designers Italia (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.927 10.4911L19.5111 4H18.1879L13.3392 9.63609L9.4666 4H5L10.8562 12.5228L5 19.3296H6.32332L11.4436 13.3777L15.5334 19.3296H20L13.9267 10.4911H13.927ZM12.1146 12.5979L11.5212 11.7492L6.80014 4.99618H8.83269L12.6426 10.4461L13.236 11.2947L18.1885 18.3788H16.156L12.1146 12.5982V12.5979Z" /></svg><span class="sr-only">X (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13.2812 12.6249C13.2812 15.7315 10.7558 18.25 7.64049 18.25C4.52519 18.25 2 15.7323 2 12.6249C2 9.51756 4.52538 7 7.64049 7C10.7556 7 13.2812 9.51832 13.2812 12.6249ZM19.4691 12.6249C19.4691 15.5494 18.2063 17.9199 16.6487 17.9199C15.0912 17.9199 13.8284 15.5486 13.8284 12.6249C13.8284 9.70119 15.0912 7.32989 16.6487 7.32989C18.2063 7.32989 19.4691 9.70119 19.4691 12.6249ZM22 12.6249C22 15.2451 21.5558 17.369 21.008 17.369C20.4603 17.369 20.0161 15.2443 20.0161 12.6249C20.0161 10.0055 20.4603 7.88079 21.0082 7.88079C21.5562 7.88079 22 10.0049 22 12.6249Z" /></svg><span class="sr-only">Medium (link esterno)</span></a></li>
<li><a href="#"><svg class="shrink-0 fill-current" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7.8,5.8c0.5,0,1.1,0,1.6,0.2c0.4,0.1,0.9,0.3,1.2,0.5C11,6.6,11.3,7,11.5,7.3c0.2,0.5,0.3,1,0.3,1.4c0,0.5-0.1,1.1-0.4,1.5 c-0.3,0.4-0.8,0.8-1.3,1c0.7,0.2,1.3,0.6,1.7,1.1c0.4,0.6,0.6,1.3,0.6,2c0,0.5-0.1,1.1-0.3,1.6c-0.2,0.4-0.6,0.8-1,1.1 c-0.4,0.3-0.9,0.5-1.4,0.6C9.1,18,8.5,18,8,18H2V5.8H7.8z M7.5,10.8c0.4,0,0.8-0.1,1.2-0.4C9,10.1,9.2,9.7,9.1,9.3 c0-0.3,0-0.5-0.1-0.8C8.9,8.4,8.8,8.2,8.6,8.1C8.4,8,8.2,7.9,8,7.9c-0.2,0-0.5-0.1-0.7-0.1H4.7v2.9L7.5,10.8z M7.6,16 c0.3,0,0.5,0,0.8-0.1c0.2-0.1,0.4-0.2,0.6-0.3c0.2-0.1,0.3-0.3,0.4-0.5c0.1-0.3,0.2-0.5,0.2-0.8c0-0.5-0.2-1-0.5-1.3 c-0.4-0.3-0.9-0.4-1.4-0.4H4.7V16L7.6,16z M16.2,15.9c0.4,0.4,1,0.6,1.6,0.5c0.4,0,0.9-0.1,1.3-0.4c0.3-0.2,0.5-0.5,0.6-0.8h2.1 c-0.2,0.9-0.8,1.7-1.6,2.3c-0.8,0.5-1.7,0.7-2.6,0.7c-0.6,0-1.3-0.1-1.9-0.3c-1.1-0.4-2-1.3-2.3-2.4c-0.2-0.6-0.3-1.2-0.3-1.9 c0-0.6,0.1-1.3,0.3-1.9c0.2-0.6,0.5-1.1,0.9-1.5c0.4-0.4,0.9-0.8,1.4-1C16.4,9,17,8.9,17.6,8.9c0.7,0,1.4,0.1,2,0.4 c0.5,0.3,1,0.7,1.4,1.2c0.4,0.5,0.6,1.1,0.8,1.7c0.2,0.7,0.2,1.3,0.2,2h-6.4C15.6,14.8,15.8,15.4,16.2,15.9z M19,11.2 c-0.4-0.3-0.9-0.5-1.4-0.5c-0.3,0-0.7,0-1,0.2c-0.2,0.1-0.5,0.3-0.6,0.5c-0.2,0.2-0.3,0.4-0.3,0.6c-0.1,0.2-0.1,0.4-0.1,0.6h4 C19.5,12.1,19.3,11.6,19,11.2z M15.1,6.6h5v1.2h-5V6.6z" /></svg><span class="sr-only">Behance (link esterno)</span></a></li>
</ul>
</div>
</section>
</div>
</div>
<div class="ita-footer-legal">
<ul class="ita-footer-container">
<li><a href="#">Media policy</a></li>
<li><a href="#">Note legali</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Mappa del sito</a></li>
<li><a href="#">Dichiarazione di accessibilità<span class="sr-only"> (link esterno su sito AgID)</span></a></li>
</ul>
</div>
</footer>