1<footer class="it-footer">
2 <div class="it-footer-main">
3 <div class="container">
4 <section>
5 <div class="row clearfix">
6 <div class="col-sm-12">
7 <div class="it-brand-wrapper">
8 <a href="#" data-focus-mouse="false">
9 <svg class="icon"><use xlink:href="/dist/svg/sprites.svg#it-code-circle"></use></svg>
10 <div class="it-brand-text">
11 <h2>Lorem Ipsum</h2>
12 <h3 class="d-none d-md-block">Inserire qui la tag line</h3>
13 </div>
14 </a>
15 </div>
16 </div>
17 </div>
18 </section>
19 <section>
20 <div class="row">
21 <div class="col-lg-3 col-md-3 col-sm-6 pb-2">
22 <h4>
23 <a href="#" title="Vai alla pagina: Amministrazione">Amministrazione</a>
24 </h4>
25 <div class="link-list-wrapper">
26 <ul class="footer-list link-list clearfix">
27 <li><a class="list-item" href="#" title="Vai alla pagina: Giunta e consiglio">Giunta e consiglio</a></li>
28 <li><a class="list-item" href="#" title="Vai alla pagina: Aree di competenza">Aree di competenza</a></li>
29 <li><a class="list-item" href="#" title="Vai alla pagina: Dipendenti">Dipendenti</a></li>
30 <li><a class="list-item" href="#" title="Vai alla pagina: Luoghi">Luoghi</a></li>
31 <li><a class="list-item" href="#" title="Vai alla pagina: Associazioni e società partecipate">Associazioni e società partecipate</a></li>
32 </ul>
33 </div>
34 </div>
35 <div class="col-lg-3 col-md-3 col-sm-6 pb-2">
36 <h4>
37 <a href="#" title="Vai alla pagina: Servizi">Servizi</a>
38 </h4>
39 <div class="link-list-wrapper">
40 <ul class="footer-list link-list clearfix">
41 <li><a class="list-item" href="#" title="Vai alla pagina: Pagamenti">Pagamenti</a></li>
42 <li><a class="list-item" href="#" title="Vai alla pagina: Sostegno">Sostegno</a></li>
43 <li><a class="list-item" href="#" title="Vai alla pagina: Domande e iscrizioni">Domande e iscrizioni</a></li>
44 <li><a class="list-item" href="#" title="Vai alla pagina: Segnalazioni">Segnalazioni</a></li>
45 <li><a class="list-item" href="#" title="Vai alla pagina: Autorizzazioni e concessioni">Autorizzazioni e concessioni</a></li>
46 <li><a class="list-item" href="#" title="Vai alla pagina: Certificati e dichiarazioni">Certificati e dichiarazioni</a></li>
47 </ul>
48 </div>
49 </div>
50 <div class="col-lg-3 col-md-3 col-sm-6 pb-2">
51 <h4>
52 <a href="#" title="Vai alla pagina: Novità">Novità</a>
53 </h4>
54 <div class="link-list-wrapper">
55 <ul class="footer-list link-list clearfix">
56 <li><a class="list-item" href="#" title="Vai alla pagina: Notizie">Notizie</a></li>
57 <li><a class="list-item" href="#" title="Vai alla pagina: Eventi">Eventi</a></li>
58 <li><a class="list-item" href="#" title="Vai alla pagina: Comunicati stampa">Comunicati stampa</a></li>
59 </ul>
60 </div>
61 </div>
62 <div class="col-lg-3 col-md-3 col-sm-6">
63 <h4>
64 <a href="#" title="Vai alla pagina: Documenti">Documenti</a>
65 </h4>
66 <div class="link-list-wrapper">
67 <ul class="footer-list link-list clearfix">
68 <li><a class="list-item" href="#" title="Vai alla pagina: Progetti e attività">Progetti e attività</a></li>
69 <li><a class="list-item" href="#" title="Vai alla pagina: Delibere, determine e ordinanze">Delibere, determine e ordinanze</a></li>
70 <li><a class="list-item" href="#" title="Vai alla pagina: Bandi">Bandi</a></li>
71 <li><a class="list-item" href="#" title="Vai alla pagina: Concorsi">Concorsi</a></li>
72 <li><a class="list-item" href="#" title="Vai alla pagina: Albo pretorio">Albo pretorio</a></li>
73 </ul>
74 </div>
75 </div>
76 </div>
77 </section>
78 <section class="py-4 border-white border-top">
79 <div class="row">
80 <div class="col-lg-4 col-md-4 pb-2">
81 <h4><a href="#" title="Vai alla pagina: Contatti">Contatti</a></h4>
82 <p>
83 <strong>Comune di Lorem Ipsum</strong><br>
84 Via Roma 0 - 00000 Lorem Ipsum Codice fiscale / P. IVA: 000000000
85 </p>
86 <div class="link-list-wrapper">
87 <ul class="footer-list link-list clearfix">
88 <li><a class="list-item" href="#" title="Vai alla pagina: Posta Elettronica Certificata">Posta Elettronica Certificata</a></li>
89 <li>
90 <a class="list-item" href="#" title="Vai alla pagina: URP - Ufficio Relazioni con il Pubblico">URP - Ufficio Relazioni con il Pubblico</a>
91 </li>
92 </ul>
93 </div>
94 </div>
95 <div class="col-lg-4 col-md-4 pb-2">
96 <h4><a href="#" title="Vai alla pagina: Lorem Ipsum">Lorem Ipsum</a></h4>
97 </div>
98 <div class="col-lg-4 col-md-4 pb-2">
99 <div class="pb-2">
100 <h4><a href="#" title="Vai alla pagina: Seguici su">Seguici su</a></h4>
101 <ul class="list-inline text-left social">
102 <li class="list-inline-item">
103 <a class="p-2 text-white" href="#" target="_blank"><svg class="icon icon-sm icon-white align-top"><use xlink:href="/dist/svg/sprites.svg#it-designers-italia"></use></svg><span class="visually-hidden">Designers Italia</span></a>
104 </li>
105 <li class="list-inline-item">
106 <a class="p-2 text-white" href="#" target="_blank"><svg class="icon icon-sm icon-white align-top"><use xlink:href="/dist/svg/sprites.svg#it-twitter"></use></svg><span class="visually-hidden">Twitter</span></a>
107 </li>
108 <li class="list-inline-item">
109 <a class="p-2 text-white" href="#" target="_blank"><svg class="icon icon-sm icon-white align-top"><use xlink:href="/dist/svg/sprites.svg#it-medium"></use></svg><span class="visually-hidden">Medium</span></a>
110 </li>
111 <li class="list-inline-item">
112 <a class="p-2 text-white" href="#" target="_blank"><svg class="icon icon-sm icon-white align-top"><use xlink:href="/dist/svg/sprites.svg#it-behance"></use></svg><span class="visually-hidden">Behance</span></a>
113 </li>
114 </ul>
115 </div>
116 </div>
117 </div>
118 </section>
119 </div>
120 </div>
121 <div class="it-footer-small-prints clearfix">
122 <div class="container">
123 <!-- <h3 class="visually-hidden">Sezione Link Utili</h3> -->
124 <ul class="it-footer-small-prints-list list-inline mb-0 d-flex flex-column flex-md-row">
125 <li class="list-inline-item"><a href="#" title="Note Legali">Media policy</a></li>
126 <li class="list-inline-item"><a href="#" title="Note Legali">Note legali</a></li>
127 <li class="list-inline-item"><a href="#" title="Privacy-Cookies">Privacy policy</a></li>
128 <li class="list-inline-item"><a href="#" title="Mappa del sito">Mappa del sito</a></li>
129 </ul>
130 </div>
131 </div>
132</footer>
