PageSourceSearch

https://quart.cat/ca/llars-dinfants-escoles-ampas-i-afas.html

html quart.cat collected 2026-10-02 08:11:32 UTC 55,179 bytes, 881 lines download raw bytes

1<!doctype html>
2<html lang="ca">
3  <head>
4    <!-- Required meta tags -->
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7    <meta name="description" content="">
8    <meta name="keywords" content="">
9    <base href="https://quart.cat/"/>
10    <title>Llars d&#039;infants, escoles, AMPA&#039;s i AFA&#039;s</title>
11
12    <!-- Bootstrap CSS -->
13    <link rel="stylesheet" href="css/bootstrap.min.css" >
14    <link rel="stylesheet" href="css/line-awesome.min.css" >
15    <!--
16    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
17    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
18-->
19<style>
20  .rounded {
21    border-radius: 1.25rem!important;
22}
23</style>
24<link rel="preconnect" href="https://fonts.googleapis.com">
25<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
26<link href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
27
28    <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
29    <link rel="stylesheet" href="css/line-awesome.min.css" >
30    <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
31    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
32    <link rel="stylesheet" href="css/aos.css" >
33    <link rel="stylesheet" href="css/glightbox.min.css" >
34    <link rel="stylesheet" href="css/plyr.min.css" >
35
36    <link rel="stylesheet" href="css/aews.css?v=" >
37
38    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
39<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
40<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
41<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
42<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
43<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
44<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
45<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
46<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
47<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
48<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
49<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
50<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
51<link rel="manifest" href="/manifest.json">
52<meta name="msapplication-TileColor" content="#ffffff">
53<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
54<meta name="theme-color" content="#ffffff">
vendor: 85 bytes, lines 54-58
54
55
56    <script src="https://www.google.com/recaptcha/api.js?render="></script>
57
58      
58</head>
59  <body>
60
61    <div id="dismiss" class="d-none">
62      <span class="lnr lnr-cross"></span>
63    </div>
64    <nav id="sidebar" class="contrast-dark">
65              <ul class="list-unstyled ">
66                        
67                        <li class="dropdown">
68                <a class="dropdown-toggle" aria-label="VIU A QUART" href="#" id="navbarDropdown49" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
69                VIU A QUART
70                </a>
71                <div class="dropdown-menu" aria-labelledby="navbarDropdown49">
72                                        <a class="dropdown-item" aria-label="Equipaments" href="https://quart.cat/ca/equipaments.html">Equipaments</a>
73                                        <a class="dropdown-item" aria-label="Piscina municipal 2025" href="https://www.quart.cat/ca/noticies/del-12-al-19-de-juny-renovacio-dabonaments-de-la-piscina-municipal.html">Piscina municipal 2025</a>
74                                        <a class="dropdown-item" aria-label="RESERVA DE BARBACOES" href="https://quart.cat/ca/noticies/nova-reserva-telematica-de-les-barbacoes-de-quart-i-palol-donyar.html">RESERVA DE BARBACOES</a>
75                                        <a class="dropdown-item" aria-label="Transport Interurbà" href="http://www.teisa-bus.com/ca/index.html">Transport Interurbà</a>
76                                        <a class="dropdown-item" aria-label="Llars d&#039;infants, escoles, AMPA&#039;s i AFA&#039;s" href="https://quart.cat/ca/llars-dinfants-escoles-ampas-i-afas.html">Llars d&#039;infants, escoles, AMPA&#039;s i AFA&#039;s</a>
77                                        <a class="dropdown-item" aria-label="Zona jove" href="https://www.quart.cat/ca/zona-jove-de-quart/subvencio-t-jove.html">Zona jove</a>
78                                        <a class="dropdown-item" aria-label="Ocupació" href="https://www.quart.cat/ca/ocupacio.html">Ocupació</a>
79                                        <a class="dropdown-item" aria-label="Serveis socials" href="https://quart.cat/ca/serveis-socials.html">Serveis socials</a>
80                                        <a class="dropdown-item" aria-label="Recursos per a la ciutadania" href="https://quart.cat/ca/recursos-ciutadania.html">Recursos per a la ciutadania</a>
81                                        <a class="dropdown-item" aria-label="Mercat municipal" href="https://quart.cat/ca/mercat-municipal.html">Mercat municipal</a>
82                                        <a class="dropdown-item" aria-label="Entitats" href="https://quart.cat/ca/llistat-entitats-municipals.html">Entitats</a>
83                                        <a class="dropdown-item" aria-label="Revista El Celrè" href="https://quart.cat/ca/el-celre.html">Revista El Celrè</a>
84                                    </div>
85            </li>
86                                    
87                        <li class="dropdown">
88                <a class="dropdown-toggle" aria-label="DESCOBREIX QUART" href="#" id="navbarDropdown50" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
89                DESCOBREIX QUART
90                </a>
91                <div class="dropdown-menu" aria-labelledby="navbarDropdown50">
92                                        <a class="dropdown-item" aria-label="El municipi" href="https://quart.cat/ca/el-municipi.html">El municipi</a>
93                                        <a class="dropdown-item" aria-label="Plànol Municipal" href="https://www.quart.cat/uploads/viuaquart/planols_2024.pdf">Plànol Municipal</a>
94                                        <a class="dropdown-item" aria-label="Descobreix l&#039;entorn" href="https://quart.cat/ca/descobreix-lentorn.html">Descobreix l&#039;entorn</a>
95                                        <a class="dropdown-item" aria-label="Espais literaris de Miquel Pairolí" href="https://quart.cat/ca/espais-literaris-de-miquel-pairoli.html">Espais literaris de Miquel Pairolí</a>
96                                        <a class="dropdown-item" aria-label="Museu de la Terrissa" href="https://www.museuterrissa.cat/ca/">Museu de la Terrissa</a>
97                                        <a class="dropdown-item" aria-label="Les llegendes de les Gavarres" href="https://quart.cat/ca/descobreix-quart/les-llegendes-de-les-gavarres.html">Les llegendes de les Gavarres</a>
98                                    </div>
99            </li>
100                                    
101                        <li class="dropdown">
102                <a class="dropdown-toggle" aria-label="AJUNTAMENT" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
103                AJUNTAMENT
104                </a>
105                <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
106                                        <a class="dropdown-item" aria-label="Atenció ciutadana" href="https://quart.cat/ca/
106atencio-ciutadana.html">Atenció ciutadana</a>
107                                        <a class="dropdown-item" aria-label="Organització municipal" href="https://quart.cat/ca/organitzacio-municipal.html">Organització municipal</a>
108                                        <a class="dropdown-item" aria-label="Partits Polítics" href="https://www.quart.cat/ca/partits-politics.html">Partits Polítics</a>
109                                        <a class="dropdown-item" aria-label="Ple" href="https://quart.cat/ca/ple.html">Ple</a>
110                                        <a class="dropdown-item" aria-label="Juntes de Govern" href="https://www.quart.cat/ca/junta-govern-local.html">Juntes de Govern</a>
111                                        <a class="dropdown-item" aria-label="Decrets d&#039;Alcaldia" href="https://www.quart.cat/ca/decrets-alcaldia.html">Decrets d&#039;Alcaldia</a>
112                                        <a class="dropdown-item" aria-label="Normativa municipal" href="https://quart.cat/ca/ordenancesireglaments.html">Normativa municipal</a>
113                                        <a class="dropdown-item" aria-label="Informació econòmica i hisenda" href="https://quart.cat/ca/activitat-economica-i-hisenda.html">Informació econòmica i hisenda</a>
114                                        <a class="dropdown-item" aria-label="Serveis municipals" href="https://quart.cat/ca/serveis-municipals.html">Serveis municipals</a>
115                                        <a class="dropdown-item" aria-label="Informació al contribuent" href="https://quart.cat/ca/informacio-al-contribuent.html">Informació al contribuent</a>
116                                        <a class="dropdown-item" aria-label="Tauler d&#039;anuncis" href="https://tauler.seu.cat/inici.do?idens=1714260009">Tauler d&#039;anuncis</a>
117                                        <a class="dropdown-item" aria-label="Perfil del contractant" href="https://www.quart.cat/ca/perfil-contractant.html">Perfil del contractant</a>
118                                        <a class="dropdown-item" aria-label="Seu electrònica" href="https://www.seu-e.cat/ca/web/quart/seu-electronica">Seu electrònica</a>
119                                        <a class="dropdown-item" aria-label="Urbanisme i medi ambient" href="https://quart.cat/ca/urbanisme-i-medi-ambient.html">Urbanisme i medi ambient</a>
120                                        <a class="dropdown-item" aria-label="Participació Ciutadana" href="https://www.quart.cat/ca/quarticipa-participacio-ciutadana-de-quart.html">Participació Ciutadana</a>
121                                        <a class="dropdown-item" aria-label="Comunicació" href="https://quart.cat/ca/comunicacio.html">Comunicació</a>
122                                    </div>
123            </li>
124                                    
125                        <li class="dropdown">
126                <a class="dropdown-toggle" aria-label="TRÀMITS I SERVEIS" href="#" id="navbarDropdown43" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
127                TRÀMITS I SERVEIS
128                </a>
129                <div class="dropdown-menu" aria-labelledby="navbarDropdown43">
130                                        <a class="dropdown-item" aria-label="Tràmits genèrics" href="https://www.seu-e.cat/ca/web/quart/tramits-i-gestions">Tràmits genèrics</a>
131                                        <a class="dropdown-item" aria-label="Tràmits específics" href="https://quart.cat/ca/tramits-especifics.html">Tràmits específics</a>
132                                        <a class="dropdown-item" aria-label="Serveis" href="https://www.seu-e.cat/ca/web/quart/govern-obert-i-transparencia/serveis-i-tramits/serveis">Serveis</a>
133                                        <a class="dropdown-item" aria-label="Queixes, suggeriments o felicitacions" href="https://www.quart.cat/ca/quarticipa-participacio-ciutadana-de-quart/queixes-suggeriments-o-felicitacions.html">Queixes, suggeriments o felicitacions</a>
134                                        <a class="dropdown-item" aria-label="Dret d&#039;accés a la informació pública" href="https://www.quart.cat/ca/quarticipa-participacio-ciutadana-de-quart/dret-dacces-a-la-informacio-publica.html">Dret d&#039;accés a la informació pública</a>
135                                        <a class="dropdown-item" aria-label="Bústia ètica" href="https://www.quart.cat/ca/quarticipa-participacio-ciutadana-de-quart/bustia-etica.html">Bústia ètica</a>
136                                        <a class="dropdown-item" aria-label="Certificats IdCat" href="https://quart.cat/ca/certificats-idcat.html">Certificats IdCat</a>
137                                    </div>
138            </li>
139                                    
140                        <li class=""><a href="https://www.seu-e.cat/ca/web/quart/govern-obert-i-transparencia" aria-label="TRANSPARÈNCIA">TRANSPARÈNCIA</a> </li>
141                                    
142                        <li class=""><a href="https://quart.cat/ca/contacte.html" aria-label="Contacte">Contacte</a> </li>
143                                                  <form action="https://quart.cat/ca/resultats.html" method="get" class="form-search ">
144                <fieldset class="d-flex searcher ">
145                    <input type="search" name="q" id="search" value="" class="searcher bg-transparent border-0 px-4 py-1" placeholder="Cerca">
146                    <button type="submit" aria-label="search" class="ml-auto border-0"></button>
147                    <label for="search" class="d-none">Cerca</label>
148                </fieldset>
149              </form>
150            
151
152        </ul>
153
154        <div class="mt-4 px-3 text-center sidebar-social">
155                <audio src="https://streaming.enacast.com/radioesportsSD.mp3" type="audio/mpeg" preload="none" class="d-block mb-3"></audio>
156              <span class="button-hover tipo3 rounded  p-1 bg-light" id="boton2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-circle-fill" viewBox="0 0 16 16">
157                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z"/>
158                </svg>
159                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-fill" viewBox="0 0 16 16">
160                  <path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z"/>
161                  <path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5"/>
162               </svg>IQuart 101.0 FM</span>
163                        <a target="_blank" href="https://www.facebook.com/ajuntamentdequart" aria-label="facebook" class="img-filter-hover"><img width="25" class="pl-2" src="img/facebook.png" alt="facebook"></a>
164                        <a target="_blank" href="https://www.instagram.com/ajuntament_quart/" aria-label="instagram" class="img-filter-hover"><img width="25" class="pl-2" src="img/instagram.png" alt="instagram"></a>
165                        <a target="_blank" href="https://t.me/infoquart" aria-label="telegram" class="img-filter-hover"><img width="25" class="pl-2" src="img/telegram.png" alt="telegram"></a>
166                        <a target="_blank" href="https://www.quart.cat/ca/comunicacio.html" aria-label="phone" class="img-filter-hover"><img width="25" class="pl-2" src="img/phone.png" alt="phone"></a>
167                    </div>
168
169        <div class="mt-4 text-right tipo2">
170        Atenció ciutadana <a href="tel:+34 972 469 171" aria-label="+34 972 469 171">+34 972 469 171</a> <br><a href="mailto:[email protected]" aria-label="[email protected]">[email protected]</a>
171        </div>
172    </nav>
173
174
175    <div class="topbar  text-right">
176
177        <a href="#" class="js-font-small font-small" aria-label="A-" >A-</a> <a href="#" class="js-font-normal font-normal">A</a> <a aria-label="A+" href="#" class="js-font-large font-large">A+</a>
178        <span class="d-inline-block ml-3"> <a href="#" class="js-contrast contrast" aria-label="Alt contrast"> <i class="la la-adjust"></i> Alt contrast</a></span>
179
180      </div>
181
182    <nav class="navbar navbar-expand-xl navbar-light navbar-quart">
183        <div class="container-fluid">
184            <div class="row w-100 align-items-center">
185
186            <div class="col-3 order-2 order-xl-2 text-right col-xl-3 ">
187                <button class="navbar-toggler" type="button" aria-label="sidebarCollapse" id="sidebarCollapse">
188                    <span class="navbar-toggler-icon"></span>
189                  </button>
190                            </div>
191            <div class="col-9 order-1 order-xl-1 col-xl-2 mx-xl-auto d-flex align-items-center">
192                <a class="navbar-brand" aria-label="" href="" >
193                <img width="260" src="uploads/logo_quart.png" alt="Ajuntament de Quart" class="img-fluid" >
194                </a>
195            </div>
196            <div class="d-none d-xl-flex  order-3 ml-auto col-xl-7 text-right tipo2 align-items-center">
197
198              <div class="d-flex ml-auto">
199                <div class="mr-2 d-flex align-items-center">
200                  Atenció ciutadana
201                  <a href="tel:+34 972 469 171" aria-label="+34 972 469 171">+34 972 469 171</a> -
202                  <a aria-label="[email protected]" href="mailto:[email protected]">[email protected]</a>
203                </div>
204                                  <form action="https://quart.cat/ca/resultats.html" method="get" class="form-search ">
205                    <fieldset class="d-flex searcher ">
206                        <input type="search" name="q" id="search" value="" class="searcher bg-transparent border-0 px-4 py-1" placeholder="Cerca">
207                        <button type="submit" aria-label="search" class="mr-auto border-0"></button>
208                        <label for="search" class="d-none">Cerca</label>
209                    </fieldset>
210                  </form>
211                              </div>
212            </div>
213
214
215        </div>
216
217    </div>
218
219  </nav>
220
221  <nav class="navbar navbar-expand-xl navbar-dark navbar-blue d-none d-xl-block contrast-dark">
222    <div class="container-fluid">
223        <div class="row w-100 align-items-center py-3 justify-content-end ">
224            <!-- <div class="col-3  tipo2">
225            Web oficial de l&#039;Ajuntament de Quart
226            </div> -->
227                        <div class="col-xl-9">
228                <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent2">
229                    <ul class="navbar-nav ">
230                                                                                                <li class="nav-item dropdown">
231                           <a class="nav-link dropdown-toggle" aria-label="VIU A QUART" href="#" id="navbarDropdown49d" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
232                              VIU A QUART
233                            </a>
234                            <div class="dropdown-menu" aria-labelledby="navbarDropdown49d">
235                                                                <a class="dropdown-item" href="https://quart.cat/ca/equipaments.html" aria-label="Equipaments">Equipaments</a>
236                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/noticies/del-12-al
236-19-de-juny-renovacio-dabonaments-de-la-piscina-municipal.html" aria-label="Piscina municipal 2025">Piscina municipal 2025</a>
237                                                                <a class="dropdown-item" href="https://quart.cat/ca/noticies/nova-reserva-telematica-de-les-barbacoes-de-quart-i-palol-donyar.html" aria-label="RESERVA DE BARBACOES">RESERVA DE BARBACOES</a>
238                                                                <a class="dropdown-item" href="http://www.teisa-bus.com/ca/index.html" aria-label="Transport Interurbà">Transport Interurbà</a>
239                                                                <a class="dropdown-item" href="https://quart.cat/ca/llars-dinfants-escoles-ampas-i-afas.html" aria-label="Llars d&#039;infants, escoles, AMPA&#039;s i AFA&#039;s">Llars d&#039;infants, escoles, AMPA&#039;s i AFA&#039;s</a>
240                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/zona-jove-de-quart/subvencio-t-jove.html" aria-label="Zona jove">Zona jove</a>
241                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/ocupacio.html" aria-label="Ocupació">Ocupació</a>
242                                                                <a class="dropdown-item" href="https://quart.cat/ca/serveis-socials.html" aria-label="Serveis socials">Serveis socials</a>
243                                                                <a class="dropdown-item" href="https://quart.cat/ca/recursos-ciutadania.html" aria-label="Recursos per a la ciutadania">Recursos per a la ciutadania</a>
244                                                                <a class="dropdown-item" href="https://quart.cat/ca/mercat-municipal.html" aria-label="Mercat municipal">Mercat municipal</a>
245                                                                <a class="dropdown-item" href="https://quart.cat/ca/llistat-entitats-municipals.html" aria-label="Entitats">Entitats</a>
246                                                                <a class="dropdown-item" href="https://quart.cat/ca/el-celre.html" aria-label="Revista El Celrè">Revista El Celrè</a>
247                                                            </div>
248                        </li>
249                                                                                                                        <li class="nav-item dropdown">
250                           <a class="nav-link dropdown-toggle" aria-label="DESCOBREIX QUART" href="#" id="navbarDropdown50d" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
251                              DESCOBREIX QUART
252                            </a>
253                            <div class="dropdown-menu" aria-labelledby="navbarDropdown50d">
254                                                                <a class="dropdown-item" href="https://quart.cat/ca/el-municipi.html" aria-label="El municipi">El municipi</a>
255                                                                <a class="dropdown-item" href="https://www.quart.cat/uploads/viuaquart/planols_2024.pdf" aria-label="Plànol Municipal">Plànol Municipal</a>
256                                                                <a class="dropdown-item" href="https://quart.cat/ca/descobreix-lentorn.html" aria-label="Descobreix l&#039;entorn">Descobreix l&#039;entorn</a>
257                                                                <a class="dropdown-item" href="https://quart.cat/ca/espais-literaris-de-miquel-pairoli.html" aria-label="Espais literaris de Miquel Pairolí">Espais literaris de Miquel Pairolí</a>
258                                                                <a class="dropdown-item" href="https://www.museuterrissa.cat/ca/" aria-label="Museu de la Terrissa">Museu de la Terrissa</a>
259                                                                <a class="dropdown-item" href="https://quart.cat/ca/descobreix-quart/les-llegendes-de-les-gavarres.html" aria-label="Les llegendes de les Gavarres">Les llegendes de les Gavarres</a>
260                                                            </div>
261                        </li>
262                                                                                                                        <li class="nav-item dropdown">
263                           <a class="nav-link dropdown-toggle" aria-label="AJUNTAMENT" href="#" id="navbarDropdown2d" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
264                              AJUNTAMENT
265                            </a>
266                            <div class="dropdown-menu" aria-labelledby="navbarDropdown2d">
267                                                                <a class="dropdown-item" href="https://quart.cat/ca/
267atencio-ciutadana.html" aria-label="Atenció ciutadana">Atenció ciutadana</a>
268                                                                <a class="dropdown-item" href="https://quart.cat/ca/organitzacio-municipal.html" aria-label="Organització municipal">Organització municipal</a>
269                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/partits-politics.html" aria-label="Partits Polítics">Partits Polítics</a>
270                                                                <a class="dropdown-item" href="https://quart.cat/ca/ple.html" aria-label="Ple">Ple</a>
271                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/junta-govern-local.html" aria-label="Juntes de Govern">Juntes de Govern</a>
272                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/decrets-alcaldia.html" aria-label="Decrets d&#039;Alcaldia">Decrets d&#039;Alcaldia</a>
273                                                                <a class="dropdown-item" href="https://quart.cat/ca/ordenancesireglaments.html" aria-label="Normativa municipal">Normativa municipal</a>
274                                                                <a class="dropdown-item" href="https://quart.cat/ca/activitat-economica-i-hisenda.html" aria-label="Informació econòmica i hisenda">Informació econòmica i hisenda</a>
275                                                                <a class="dropdown-item" href="https://quart.cat/ca/serveis-municipals.html" aria-label="Serveis municipals">Serveis municipals</a>
276                                                                <a class="dropdown-item" href="https://quart.cat/ca/informacio-al-contribuent.html" aria-label="Informació al contribuent">Informació al contribuent</a>
277                                                                <a class="dropdown-item" href="https://tauler.seu.cat/inici.do?idens=1714260009" aria-label="Tauler d&#039;anuncis">Tauler d&#039;anuncis</a>
278                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/perfil-contractant.html" aria-label="Perfil del contractant">Perfil del contractant</a>
279                                                                <a class="dropdown-item" href="https://www.seu-e.cat/ca/web/quart/seu-electronica" aria-label="Seu electrònica">Seu electrònica</a>
280                                                                <a class="dropdown-item" href="https://quart.cat/ca/urbanisme-i-medi-ambient.html" aria-label="Urbanisme i medi ambient">Urbanisme i medi ambient</a>
281                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/quarticipa-participacio-ciutadana-de-quart.html" aria-label="Participació Ciutadana">Participació Ciutadana</a>
282                                                                <a class="dropdown-item" href="https://quart.cat/ca/comunicacio.html" aria-label="Comunicació">Comunicació</a>
283                                                            </div>
284                        </li>
285                                                                                                                        <li class="nav-item dropdown">
286                           <a class="nav-link dropdown-toggle" aria-label="TRÀMITS I SERVEIS" href="#" id="navbarDropdown43d" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
287                              TRÀMITS I SERVEIS
288                            </a>
289                            <div class="dropdown-menu" aria-labelledby="navbarDropdown43d">
290                                                                <a class="dropdown-item" href="https://www.seu-e.cat/ca/web/quart/tramits-i-gestions" aria-label="Tràmits genèrics">Tràmits genèrics</a>
291                                                                <a class="dropdown-item" href="https://quart.cat/ca/tramits-especifics.html" aria-label="Tràmits específics">Tràmits específics</a>
292                                                                <a class="dropdown-item" href="https://www.seu-e.cat/ca/web/quart/govern-obert-i-transparencia/serveis-i-tramits/serveis" aria-label="Serveis">Serveis</a>
293                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/quarticipa-participacio-ciutadana-de-quart/queixes-suggeriments-o-felicitacions.html" aria-label="Queixes, suggeriments o felicitacions">Queixes, suggeriments o felicitacions</a>
294                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/quarticipa-participacio-ciutadana-de-quart/dret-dacces-a-la-informacio-publica.html" aria-label="Dret d&#039;accés a la informació pública">Dret d&#039;accés a la informació pública</a>
295                                                                <a class="dropdown-item" href="https://www.quart.cat/ca/quarticipa-participacio-ciutadana-de-quart/bustia-etica.html" aria-label="Bústia ètica">Bústia ètica</a>
296                                                                <a class="dropdown-item" href="https://quart.cat/ca/certificats-idcat.html" aria-label="Certificats IdCat">Certificats IdCat</a>
297                                                            </div>
298                        </li>
299                                                                                                                        <li class="nav-item "><a class="nav-link" href="https://www.seu-e.cat/ca/web/quart/govern-obert-i-transparencia">TRANSPARÈNCIA</a> </li>
300                                                                                                                        <li class="nav-item "><a class="nav-link" href="https://quart.cat/ca/contacte.html">Contacte</a> </li>
301                                                                    </ul>
302                  </div>
303            </div>
304                        
305            <div class="col-3 text-center d-none d-lg-block align-items-center d-flex">
306
307              <audio src="https://streaming.enacast.com/radioesportsSD.mp3" type="audio/mpeg" preload="none"></audio>
308                
309              <span class="button-hover tipo3 rounded  p-1 bg-light" id="boton"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-circle-fill" viewBox="0 0 16 16">
310                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z"/>
311                </svg>
312                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-fill" viewBox="0 0 16 16">
313                  <path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z"/>
314                  <path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5"/>
315               </svg>IQuart 101.0 FM</span>
316
317                </a>
318                                <a target="_blank" href="https://www.facebook.com/ajuntamentdequart" aria-label="facebook" class="img-filter-hover"><img width="25" class="pl-2" src="img/facebook.png" alt="facebook"></a>
319                                <a target="_blank" href="https://www.instagram.com/ajuntament_quart/" aria-label="instagram" class="img-filter-hover"><img width="25" class="pl-2" src="img/instagram.png" alt="instagram"></a>
320                                <a target="_blank" href="https://t.me/infoquart" aria-label="telegram" class="img-filter-hover"><img width="25" class="pl-2" src="img/telegram.png" alt="telegram"></a>
321                                <a target="_blank" href="https://www.quart.cat/ca/comunicacio.html" aria-label="phone" class="img-filter-hover"><img width="25" class="pl-2" src="img/phone.png" alt="phone"></a>
322                            </div>
323        </div>
324    </div>
325</nav>
326
327<div class="bg-header page-header contrast-dark" style="">
328    <div class="container">
329        <div class="page-header-title">Llars d&#039;infants, escoles, AMPA&#039;s i AFA&#039;s</div>
330    </div>
331   
332    <div class="page-header-bottom">
333        <div class="container bg-white">
334            <nav aria-label="breadcrumb">
335                <ol class="breadcrumb">
336                    <li class="breadcrumb-item"><a href="">Ajuntament de Quart</a></li>                
337                                                                            <li class="breadcrumb-item active" aria-current="page">VIU A QUART�</li>
338                                        <li class="breadcrumb-item active" aria-current="page">Llars d&#039;infants, escoles, AMPA&#039;s i AFA&#039;s</li>
339                                                    </ol>
340            </nav>
341        </div>
342    </div>
343</div>
344
345<div style="background-color:#FFFFFF; ">
346        <div class="container">
347                <div class="row">
348                        <div class="col-12">
349                                                                <div style="height:40px" class="w-100"></div> 
350                                            </div>
351                    </div>
352            </div>
353</div>
354<div style="background-color:#FFFFFF; ">
355        <div class="container">
356                <div class="row">
357                        <div class="col-12 col-md-6 col-lg-5">
358                                                                <div class="autoformat">
359<p><strong>CEIP SANTA MARGARIDA</strong></p>
360
361<p>C/ Escoles, 17<br />
362Quart, 17242<br />
363+34 972 469 381<br />
364<a href="https://agora.xtec.cat/ceipstamargarida/">https://agora.xtec.cat/ceipstamargarida/</a><br />
365<a href="mailto:[email protected]">[email protected]</a></p>
366
367</div>
368 
369                                            </div>
370                        <div class="col-12 col-md-6 col-lg-5">
371                                                                <div class="autoformat">
372<p><strong>CEIP&nbsp;9d4t</strong></p>
373
374<p>C/ Mas Ferriol, 1-3<br />
375Quart, 17242<br />
376+34 972 468 344<br />
377<a href="http://www.noudequart.cat/" target="_blank">www.noudequart.cat</a><br />
378<a href="mailto:[email protected]">[email protected]</a></p>
379
380</div>
381 
382                                            </div>
383                    </div>
384            </div>
385</div>
386<div style="background-color:#FFFFFF; ">
387        <div class="container">
388                <div class="row">
389                        <div class="col-12">
390                                                                <div style="height:20px" class="w-100"></div> 
391                                            </div>
392                    </div>
393            </div>
394</div>
395<div style="background-color:#FFFFFF; ">
396        <div class="container">
397                <div class="row">
398                        <div class="col-12 col-md-6 col-lg-5">
399                                                                <div class="autoformat">
400<p><strong>LLAR D&rsquo;INFANTS&nbsp;LA BALDUFA</strong></p>
401
402<p>C/ Escoles, 9<br />
403Quart,&nbsp;17242<br />
404+34 972 468 117<br />
405<a href="mailto:[email protected]">[email protected]</a></p>
406
407</div>
408 
409                                            </div>
410                        <div class="col-12 col-md-6 col-lg-5">
411                                                                <div class="autoformat">
412<p><strong>AMPA CEIP SANTA MARGARIDA</strong></p>
413
414<p><a href="https://agora.xtec.cat/ceipstamargarida/afa/">https://agora.xtec.cat/ceipstamargarida/afa/</a></p>
415
416<p><a href="mailto:[email protected]">[email protected]</a></p>
417
418</div>
419 
420                                            </div>
421                    </div>
422            </div>
423</div>
424<div style="background-color:#FFFFFF; ">
425        <div class="container">
426                <div class="row">
427                        <div class="col-12">
428                                                                <div style="height:20px" class="w-100"></div> 
429                                            </div>
430                    </div>
431            </div>
432</div>
433<div style="background-color:#FFFFFF; ">
434        <div class="container">
435                <div class="row">
436                        <div class="col-12 col-md-6 col-lg-5">
437                                                                <div class="autoformat">
438<p><strong>AFA ESCOLA 9d4t</strong></p>
439
440<p><a href="https://www.afanoudequart.cat/">https://www.afanoudequart.cat/</a></p>
441
442<p><a href="mailto:[email protected]">[email protected]</a></p>
443
444</div>
445 
446                                            </div>
447                        <div class="col-12 col-md-6 col-lg-5">
448                                                                <div class="autoformat">
449<p><strong>AFA LA BALDUFA</strong></p>
450
451<p><a href="https://afabaldufa.wordpress.com/">https://afabaldufa.wordpress.com</a></p>
452
453<p><a href="mailto:[email protected]">[email protected]</a></p>
454
455</div>
456 
457                                            </div>
458                    </div>
459            </div>
460</div>
461<div style="background-color:#FFFFFF; ">
462        <div class="container">
463                <div class="row">
464                        <div class="col-12">
465                                                                <div style="height:40px" class="w-100"></div> 
466                                            </div>
467                    </div>
468            </div>
469</div>
470<div style="background-color:#FFFFFF; ">
471        <div class="container">
472                <div class="row">
473                        <div class="col-12">
474                                                                <div class="title title-md text-left" >Centre d'Educació Secundària</div>
475 
476                                            </div>
477                    </div>
478            </div>
479</div>
480<div style="background-color:#FFFFFF; ">
481        <div class="container">
482                <div class="row">
483                        <div class="col-12">
484                                                                <div style="height:30px" class="w-100"></div> 
485                                            </div>
486                    </div>
487            </div>
488</div>
489<div style="background-color:#FFFFFF; ">
490        <div class="container">
491                <div class="row">
492                        <div class="col-12 col-md-6 col-lg-5">
493                                                                <div class="autoformat">
494<p><strong>INSTITUT DE VILABLAREIX</strong></p>
495
496<p>C/ Perell&oacute;, 15<br />
497Vilablareix,&nbsp;17180<br />
498+34 972 406 005<br />
499<a href="https://agora.xtec.cat/insvilablareix/" target="_blank">https://agora.xtec.cat/insvilablareix/</a></p>
500
501<p><a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
502
503</div>
504 
505                                            </div>
506                        <div class="col-12 col-md-6 col-lg-5">
507                                                                            </div>
508                    </div>
509            </div>
510</div>
511<div style="background-color:#FFFFFF; ">
512        <div class="container">
513                <div class="row">
514                        <div class="col-12">
515                                                                <div style="height:60px" class="w-100"></div> 
516                                            </div>
517                    </div>
518            </div>
519</div>
520
521
522
523<footer class="contrast-dark">
524  <div class="container">
525    <div class="row align-items-center">
526
527      <div class="col-12 col-md-6 col-lg-3 text-center text-lg-left">
528      <div class=" py-3">
529          <img src="https://quart.cat/uploads/escut_nou_horitzonal_blanc.png" class="img-fluid" width="300" alt="Ajuntament de Quart">
530
531
532      </div>
533
534
535
536      </div>
537      <div class="col-6">
538      <address class="mt-3 mb-4 mb-lg-0">
539         Plaça de la Vila, 2 - 17242, <br />
540Quart (Girona)<br>
541          Telèfon: <a href="tel:+34 972 469 171" class="undli" aria-label="+34 972 469 171">+34 972 469 171</a><br>
542          <a href="mailto:[email protected]" class="undli" aria-label="[email protected]">[email protected]</a>
543        </address>
544      </div>
545      
546    </div>
547  </div>
548</footer>
549<div class="footer-end contrast-dark py-3">
550  <div class="container-fluid">
551    <div class="row">
552      <div class="col-12 col-lg-4 mb-2 mb-lg-0 text-center text-lg-left">
553        &copy; 2020 Web oficial de l'Ajuntament de Quart
554      </div>
555      <div class="col-12 col-lg-8 text-center text-lg-right">
556                <a href="https://quart.cat/ca/avis-legal.html" aria-label="Avís legal">Avís legal</a>
557                <a href="https://quart.cat/ca/politica-de-proteccio-de-dades.html" aria-label="Política de protecció de dades">Política de protecció de dades</a>
558                <a href="https://quart.cat/ca/declaracio-accessibilitat.html" aria-label="Declaració d&#039;accessibilitat">Declaració d&#039;accessibilitat</a>
559                <a href="https://quart.cat/ca/politica-de-cookies.html" aria-label="Política de cookies">Política de cookies</a>
560              </div>
561    </div>
562  </div>
563</div>
564<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
564
565    
565<script src="js/bootstrap.bundle.min.js" ></script>
565
566
567    
567<script src="slick/slick.min.js"></script>
567
568    
568<script src="js/aos.js" ></script>
568
569    
569<script src="js/glightbox.min.js" ></script>
569
570
571
572    
572<script src="js/aews.js?v=2" ></script>
572
573    
573<script type="text/javascript">
574var v = document.getElementsByTagName("audio")[0];
575var sound = false;
576var boton = document.getElementById("boton");
577boton.addEventListener("click", function(){
578  if (!sound) {
579    v.play();
580    this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5m3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5"/></svg>' + '  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-fill" viewBox="0 0 16 16"><path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z"/><path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5"/></svg>' + 'IQuart 101.0 FM';
581    sound = true;
582  } else {
583    v.pause();
584    v.currentTime = 0;
585    sound = false;
586    v.load();
587    this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z"/></svg>' + '  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-fill" viewBox="0 0 16 16"><path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z"/><path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5"/></svg>
587' + 'IQuart 101.0 FM';
588  }
589});
590</script>
vendor: 1 bytes, line 590
590
591<script type="text/javascript">
592var v2 = document.getElementsByTagName("audio")[1];
593var sound2 = false;
594var boton2 = document.getElementById("boton2");
595boton2.addEventListener("click", function(){
596  if (!sound) {
597    v.play();
598    this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5m3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5"/></svg>' + '  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-fill" viewBox="0 0 16 16"><path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z"/><path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5"/></svg>' + 'IQuart 101.0 FM';
599    sound = true;
600  } else {
601    v.pause();
602    v.currentTime = 0;
603    sound = false;
604    v.load();
605    this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z"/></svg>' + '  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-fill" viewBox="0 0 16 16"><path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z"/><path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5"/></svg>
605' + 'IQuart 101.0 FM';
606  }
607});
608</script>
608
609
610
611      <div id="cookie-banner" >
612    <div class="container">
613        <p class="text-banner">Aquest web utilitza cookies de tercers</p>
614        <div class="text-center">
615            <button class="btn btn-success mb-3 js-accept-cookie">
616               <i class="la la-check"></i> Accepto les cookies
617            </button>
618            <button class="btn btn-info mb-3" data-bs-toggle="modal" data-bs-target="#modalCookies" data-toggle="modal" data-target="#modalCookies">
619               <i class="la la-cogs"></i> Configurar cookies
620            </button>
621                        <a class="btn btn-primary mb-3" href="https://quart.cat/ca/politica-de-cookies.html"><i class="la la-eye"></i> Veure les cookies</a> 
622                    </div>
623    </div>
624</div>
625
626
627<style>
628/* Copia este estilo en la hoja de estilos que quieras */
629#cookie-banner{
630    position:fixed;
631    bottom:0;
632    left:0;
633    right:0;
634    padding-top:1rem;
635    padding-bottom:0.5rem;
636    z-index:99;
637    background:white;
638    border-top:2px solid black;
639    text-align:center;
640    transition:500ms ease all;
641    transform: translateY(0);
642}
643
644#cookie-banner.hide{
645    transition:500ms ease all;
646    transform: translateY(100%);
647}
648
649
650.toggle input {
651    height: 40px;
652    left: 0;
653    opacity: 0;
654    position: absolute;
655    top: 0;
656    width: 40px;
657  }
658  .toggle {
659    position: relative;
660    display: inline-block;
661  }
662  
663  label.toggle-item {
664    width: 2em;
665    background: #2e394d;
666    height: 1em;
667    display: inline-block;
668    border-radius: 50px;
669    margin: 0px;
670    position: relative;
671    transition: all .3s ease;
672    transform-origin: 20% center;
673    cursor: pointer;
674  }
675  label.toggle-item:before {
676    content: '';
677    position: absolute;
678    display: block;
679    transition: all .2s ease;
680    width: 2.3em;
681    height: 2.3em;
682    top: .1em;
683    left: .1em;
684    border-radius: 2em;
685    border: 2px solid #88cf8f;
686    transition: .3s ease;
687  }
688  
689  .toggle label {
690    background: #af4c4c;
691    border: 0.5px solid rgba(117, 117, 117, 0.31);
692   /* box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.15);*/
693  }
694  .toggle label:before {
695    content: '';
696    position: absolute;
697    border: none;
698    width: 0.7em;
699    height: 0.7em;
700    box-shadow: inset 0.5px -1px 1px rgba(0, 0, 0, 0.35);
701    background: #fff;
702    transform: rotate(-25deg);
703  }
704  .toggle label:after {
705    content: '';
706    position: absolute;
707    background: transparent;
708    height: calc(100% + 8px);
709    border-radius: 30px;
710    top: -5px;
711    width: calc(100% + 8px);
712    left: -4px;
713    z-index: 0;
714    box-shadow: inset 0px 2px 4px -2px rgba(0, 0, 0, 0.2), 0px 1px 2px 0px rgba(151, 151, 151, 0.2);
715  }
716  
717  .toggle input:checked + label {
718    background: #4caf50;
719  }
720 .toggle input:checked + label:before {
721    left: 1.25rem;
722  }
723
724  .toggle.readonly input + label {
725    background: #145c82;
726  }
727  
728  .toggle.readonly input + label:before {
729    left: 1.25rem;
730  }
731</style>
732
733
734
735
736<div class="modal fade" id="modalCookies" tabindex="-1" aria-labelledby="modalCookiesLabel" aria-hidden="true">
737  <div class="modal-dialog modal-lg modal-fullscreen">
738    <div class="modal-content">
739      <div class="modal-header">
740        <h5 class="modal-title" id="modalCookiesLabel"> Configurar cookies</h5>
741        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
742      </div>
743      <div class="modal-body">
744      Les cookies són petits arxius de dades que es reben en el terminal des del lloc web visitat i s'usen per a registrar certes interaccions de la navegació en un lloc web emmagatzemant dades que podran ser actualitzades i recuperades. Aquests arxius s'emmagatzemen en l'ordinador de l'usuari i contenen dades anònimes que no són perjudicials per al seu equip.  S'utilitzen per a recordar les preferències de l'usuari amb l’objectiu d’oferir continguts personalitzats i una millor experiència web. Respectem el seu dret a la privacitat, per això té la possibilitat de configurar les seves cookies.
745
746      <table class="table table-stripped mt-4">
747            <thead>
748                <th>
749                    Activada
750                </th>
751                <th class="d-none d-lg-table-cell">
752                    Tipus
753                </th>
754                <th class="d-none d-lg-table-cell">
755                    Proveïdor
756                </th>
757               
758                <th>
759                Ús principal
760                </th>
761            </thead>
762            <tbody>
763                <tr>
764                    <td>
765                        <div class="toggle readonly">
766                            <input ckecked readonly type="checkbox" aria-label="basic_cookies" id="basic_cookies" value="1"/>
767                            <label class="toggle-item d-none" for="basic_cookies">Basic cookies</label>
768                        </div>
769                    </td>
770                    <th class="d-none d-lg-table-cell">
771                        Cookies tècniques
772                    </td>
773                    <th class="d-none d-lg-table-cell">
774                       -
775                    </td>
776                    <td>
777                    <div class="d-lg-none">
778                    <strong> Cookies tècniques</strong><br>                   
779                    </div>
780                        Les cookies tècniques són aquelles que faciliten la navegació de l&#039;usuari i la utilització de les diferents opcions o serveis que ofereix la web com identificar la sessió, permetre l&#039;accés a determinades àrees, facilitar comandes, compres, emplenament de formularis, inscripcions, seguretat, facilitar funcionalitats (vídeos, xarxes socials…).
781                    </td>
782                </tr>
783                                <tr>
784                    <td>
785                        <div class="toggle">
786                            <input id="ck2"  aria-label="ck2" type="checkbox" class="js-toggle-cookie" value="2"/>
787                            <label class="toggle-item d-none" for="ck2">ck2</label>
788                        </div>
789                    </td>
790                    <td class="d-none d-lg-table-cell">
791                        Anàlisi i públicitat
792                    </td>
793                    <td class="d-none d-lg-table-cell">
794                        Google
795                    </td>
796                    <td>
797                    <div class="d-lg-none">
798                    <strong>Anàlisi i públicitat</strong><br>
799                    <i>Google</i><br>
800                    </div>
801                        Per realitzar estadístiques:
802
803_ga / Gestió de tercers / Vigència 2 anys
804_utma / Gestió de tercers / Vigència 2 anys
805_utmb / Gestió de tercers / Vigència 30 minuts
806                    </td>
807                </tr>
808                                <tr>
809                    <td>
810                        <div class="toggle">
811                            <input id="ck3"  aria-label="ck3" type="checkbox" class="js-toggle-cookie" value="3"/>
812                            <label class="toggle-item d-none" for="ck3">ck3</label>
813                        </div>
814                    </td>
815                    <td class="d-none d-lg-table-cell">
816                        Tècniques
817                    </td>
818                    <td class="d-none d-lg-table-cell">
819                        Titular del lloc web
820                    </td>
821                    <td>
822                    <div class="d-lg-none">
823                    <strong>Tècniques</strong><br>
824                    <i>Titular del lloc web</i><br>
825                    </div>
826                        Les cookies tècniques són aquelles que faciliten la navegació de l’usuari i la utilització de les diferents opcions o serveis que ofereix la web com identificar la sessió, permetre l’accés a determinades àrees, facilitar comandes, compres, emplenament de formularis, inscripcions, seguretat, facilitar funcionalitats (vídeos, xarxes socials...).
827                    </td>
828                </tr>
829                            </tbody>
830        </table>
831
832      </div>
833      <div class="modal-footer">
834        <button type="button" class="btn btn-success js-save-cookies" data-bs-dismiss="modal" data-dismiss="modal">
835            <i class="la la-save"></i>   Guardar preferències
836        </button>
837      </div>
838    </div>
839  </div>
840</div>
841
842
843
844
845<script>
846    var cookie_banner = document.getElementById('cookie-banner');
847    var accept_cookie_class = document.getElementsByClassName("js-accept-cookie");
848    var save_cookie_class = document.getElementsByClassName("js-save-cookies");
849
850
851   
852    for (var i = 0; i < accept_cookie_class.length; i++) {
853        accept_cookie_class[i].addEventListener('click', function (e) {
854            e.preventDefault();           
855            cookie_banner.classList.add('hide'); 
856            var request = new XMLHttpRequest();
857            request.open('GET', 'accept-cookies');
858            request.send();
859        });
860    }
861
862    for (var i = 0; i < save_cookie_class.length; i++) {
863        save_cookie_class[i].addEventListener('click', function (e) {
864            e.preventDefault();           
865            cookie_banner.classList.add('hide'); 
866            var selected = document.querySelectorAll('.js-toggle-cookie:checked');
867            var values = '';
868            for (var i = 0; i < selected.length; i++) {
869                values += selected[i].value+';';
870            }
871
872            var request = new XMLHttpRequest();
873            request.open('GET', 'toggle-cookies?v='+values);
874            request.send();
875        });
876
877    }
878
879
880</script>
880  </body>
881</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.