PageSourceSearch

https://qstura.cat/ca

html qstura.cat collected 2026-10-06 04:17:17 UTC 136,330 bytes, 1,979 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="ca">
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=5.0">
8    <title>Qstura · Escola de costura i moda</title>
9    
10    
11
12    
13
14    
15
16        <link nonce="bnB3z4jGF7o3JF8JUWWp" rel="stylesheet" href="https://assets.qstura.cat/resources/v1/index.css">
17        <link nonce="bnB3z4jGF7o3JF8JUWWp" rel="stylesheet" href="https://assets.qstura.cat/resources/v1/output.css">
18        
18<script nonce="bnB3z4jGF7o3JF8JUWWp" type="module" crossorigin src="https://assets.qstura.cat/resources/v1/index.js"></script>
18
19
20    
21    
22
23    <!-- Favicon and web apps -->
24    <link rel="icon" type="image/png" href="https://assets.qstura.cat/resources/assets/favicon/favicon-96x96.png" sizes="96x96" />
25    <link rel="icon" type="image/svg+xml" href="https://assets.qstura.cat/resources/assets/favicon/favicon.svg" />
26    <link rel="shortcut icon" href="https://assets.qstura.cat/resources/assets/favicon/favicon.ico" />
27    <link rel="apple-touch-icon" sizes="180x180" href="https://assets.qstura.cat/resources/assets/favicon/apple-touch-icon.png" />
28    
29
30    <link rel="preconnect" href="https://fonts.googleapis.com">
31    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
32    <link href="https://fonts.googleapis.com/css2?family=Martian+Mono:[email protected]&Noto+Sans:ital,wght@0,100..900;1,100..90&display=swap" rel="stylesheet">
33
34
35
36
37    <meta property="og:url" content="https://qstura.cat" />
38<meta property="og:title" content="Qstura · Escola de costura i moda" />
39<meta property="og:description" content="Escola de costura a Girona · Tenim com a objectiu explicar que la moda i el tèxtil poden ser sostenibles, ètics i inclusius per a tothom, totes les talles i edats." />
40<meta property="og:type" content="website">
41<meta property="og:image" content="">
42<meta property="og:image:secure_url" content="">
43<meta property="og:image:width" content="350">
44<meta property="og:image:height" content="350">
45<meta property="og:image:alt" content="Qstura · Escola de costura i moda">
46    <meta name="twitter:title" content="Qstura · Escola de costura i moda">
47<meta name="twitter:description" content="Qstura · Escola de costura i moda">
48<meta name="twitter:card" content="summary">
49<meta name="twitter:image" content="">
50
51    <meta name="csrf" content="pnuT0Kxg4jhnxQaVY8u1AJnW">
52    <meta name="description" content="Escola de costura a Girona · Tenim com a objectiu explicar que la moda i el tèxtil poden ser sostenibles, ètics i inclusius per a tothom, totes les talles i edats.">
53    <link rel="canonical" href="https://qstura.cat" />
54    
55    
56        <link href="https://qstura.cat" hreflang="x-default" rel="alternate" />
57    
58
59    
60        
61
62            
63                <link href="https://qstura.cat" hreflang="ca" rel="alternate" />
64             
65            
66        
67    
68        
69
70            
71                <link href="https://qstura.cat/es"  hreflang="es" rel="alternate" />
72            
73            
74        
75    
76
77    
78   
79    
80
81    <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 81-82
81
82<script async src="https://www.googletagmanager.com/gtag/js?id=
82G-PHBC49L0ZD
vendor: 12 bytes, line 82
82"></script>
83<script>
84  
vendor: 134 bytes, lines 84-88
84window.dataLayer = window.dataLayer || [];
85  function gtag(){dataLayer.push(arguments);}
86  gtag('js', new Date());
87
88  gtag('config', '
88G-PHBC49L0ZD
vendor: 4 bytes, line 88
88');
89</script>
89
90
91
92    
93    
94
95
96
97    
98    
99
100    
101    
102</head>
103<body class='home-body'>
104    
105    
106
107    
108    <header class="w-full fixed z-100 top-0 lg:bg-white lg:border-b lg:border-gray-200 py-0 text-gray-700">
109    <div class="max-w-7xl mx-auto flex justify-between relative items-center px-5 xl:px-0 gap-5 py-2 max-lg:hidden z-100">
110        <div class="text-gray-400">Estem a la Gassol-Monar</div>
111        <div class="flex gap-5 justify-end items-center z-100">
112            <a target="_blank" aria-label="Facebook link" href="https://www.facebook.com/qstura">
113                <svg class="size-5" viewBox="0 0 512 512" fill="currentColor" xmlns="https://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg>
114            </a>
115            <a target="_blank" aria-label="instagram link" href="https://www.instagram.com/qstura">
116                <svg class="size-5" fill="currentColor" viewBox="0 0 448 512" xmlns="https://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
117            </a>
118            <a target="_blank" aria-label="linkedin link" href="https://www.linkedin.com/school/qstura/">
119                
120
121
122
123<svg class="size-5" fill="currentColor" viewBox="0 0 448 512" xmlns="https://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>
124            </a>
125            <a target="_blank" aria-label="x link" href="https://x.com/qstura">
126                <svg class="size-4" fill="currentColor"  viewBox="0 0 19 19"  xmlns="https://www.w3.org/2000/svg">
127<path d="M11.1905 7.70938L17.8535 0H16.2746L10.4891 6.69394L5.86821 0H0.538574L7.52625 10.1224L0.538574 18.2069H2.11759L8.22725 11.1379L13.1072 18.2069H18.4369L11.1901 7.70938H11.1905ZM9.02781 10.2116L8.31982 9.20365L2.68653 1.18316H5.11181L9.65794 7.65595L10.3659 8.66391L16.2754 17.0776H13.8501L9.02781 10.212V10.2116Z" fill="black"/>
128</svg>
129
130            </a>
131            <a target="_blank" aria-label="youtube link" href="https://www.youtube.com/channel/UCVdJnLld9IiP3vcGH2Zsosw">
132                <svg class="size-5" fill="currentColor" viewBox="0 0 576 512" xmlns="https://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>
133            </a>
134            <button popovertarget="menu-lang" type="button" class="flex items-center">
135    ca
136</button>
137
138<el-popover popover id="menu-lang" anchor="bottom center" class="[--anchor-gap:20px] w-24 shadow-lg/40 transition bg-white transition-discrete data-closed:opacity-0 data-enter:ease-out data-leave:duration-100 data-leave:ease-in">
139    <div class="flex flex-col">
140        
141
142            
143            
144             
145
146            
147                <div id="listbox-option-0" role="option" class="cursor-default p-4 text-sm text-gray-900 hover:bg-gray-100">
148                    <div class="flex flex-col">
149                        <div class="flex justify-between">
150                            <a href="https://qstura.cat/ca" class="font-normal">Català</a>
151                        </div>
152                    </div>
153                </div>
154            
155
156            
157
158        
159
160            
161            
162             
163
164            
165
166            
167                <div id="listbox-option-0" role="option" class="cursor-default p-4 text-sm text-gray-900 hover:bg-gray-100">
168                    <div class="flex flex-col">
169                        <div class="flex justify-between">
170                            <a href="https://qstura.cat/es" class="font-normal">Español</a>
171                        </div>
172                    </div>
173                </div>
174            
175
176        
177    </div>
178</el-popover>
179
180        </div>
181    </div>
182    <div class="max-w-7xl mx-auto flex justify-between px-5 xl:px-0 py-5 relative items-center lg:-mt-5">
183        <div>
184            
185            
186            <a class="text-brand" aria-label="Home" href="/">
187                <svg width="144" height="38" viewBox="0 0 144 38" fill="none" xmlns="https://www.w3.org/2000/svg">
188<path d="M60.8264 28.7396C60.8264 33.3235 57.5694 37.1233 50.7237 37.1233C45.6574 37.1233 41.3751 35.0726 40.3799 31.2427L44.8733 29.7047C45.2955 31.0316 46.6525 32.841 50.8142 32.841C54.1616 32.841 56.0615 31.4839 56.0615 29.192C56.0615 26.2065 51.7491 26.2065 48.1906 25.3922C43.3654 24.3367 41.2846 21.9845 41.2846 18.1847C41.2846 13.4802 45.205 10.1328 50.7841 10.1328C54.9457 10.1328 58.6249 12.2437 59.5598 16.0737L55.2473 17.2197C54.7648 15.8023 53.2569 14.2944 50.3619 14.2944C47.4668 14.2944 45.9589 15.7118 45.9589 17.853C45.9589 20.7179 49.5175 20.929 52.4427 21.5321C58.7455 22.859 60.8264 24.8795 60.8264 28.7396Z" fill="currentColor"/>
189<path d="M70.7182 15.1389V26.4176C70.7182 30.0666 70.7785 32.5093 74.7894 32.5093C75.4145 32.5062 76.0388 32.4659 76.6591 32.3887V36.4599C75.8465 36.6331 75.017 36.7141 74.1862 36.7011C68.6072 36.7011 66.1041 33.7156 66.1041 28.0762V15.1389H62.0933V10.7359H66.1041V5.36797L70.7182 3.46808V10.7359H76.6591V15.1389H70.7182Z" fill="currentColor"/>
190<path d="M102.745 10.7359V36.4599H98.1309V32.9014C97.2824 34.2266 96.107 35.3112 94.7179 36.0506C93.3289 36.79 91.7728 37.1595 90.1996 37.1233C84.4095 37.1233 80.3081 32.2982 80.3081 26.8699V10.7359H84.9221V25.5129C84.9221 29.1619 86.4601 32.6903 91.2853 32.6903C96.1104 32.6903 98.1309 28.5286 98.1309 25.5129V10.7359H102.745Z" fill="currentColor"/>
191<path d="M120.326 11.0073V15.6515C112.968 15.6515 111.761 20.8084 111.761 25.5129V36.4599H107.147V10.7359H111.761V14.3246C113.149 11.701 118.788 11.0073 120.326 11.0073Z" fill="currentColor"/>
192<path d="M144 20.929V36.4598H139.386V32.9013C138.24 34.8917 135.043 37.1233 130.972 37.1233C126.117 37.1233 121.834 34.1679 121.834 29.5539C121.834 21.502 131.636 21.2909 135.224 21.2909H139.386C139.386 17.3704 138.572 14.3246 133.264 14.3246C130.58 14.3246 127.715 15.7118 126.599 16.6165L123.372 14.1436C126.207 11.5501 130.098 10.1328 134.169 10.1328C141.587 10.1328 144 14.8071 144 20.929ZM139.386 24.8795H137.607C132.842 24.8795 126.599 24.8494 126.599 29.3428C126.599 31.3332 127.866 33.3537 131.997 33.3537C136.129 33.3537 139.084 30.2777 139.386 29.1015V24.8795Z" fill="currentColor"/>
193<path d="M18.6974 37.3947C14.9994 37.3947 11.3844 36.2982 8.30968 34.2437C5.23491 32.1892 2.83842 29.269 1.42326 25.8525C0.00810126 22.436 -0.362169 18.6766 0.359273 15.0497C1.08072 11.4228 2.86147 8.09121 5.47634 5.47634C8.09121 2.86147 11.4228 1.08072 15.0497 0.359273C18.6766 -0.362169 22.4361 0.00810126 25.8525 1.42326C29.269 2.83842 32.1892 5.23491 34.2437 8.30967C36.2982 11.3844 37.3947 14.9994 37.3947 18.6974C37.3947 23.6562 35.4248 28.412 31.9184 31.9184C28.412 35.4248 23.6562 37.3947 18.6974 37.3947ZM18.6974 4.22199C15.8344 4.22199 13.0357 5.07096 10.6553 6.66154C8.27482 8.25211 6.41947 10.5129 5.32387 13.1579C4.22826 15.8029 3.9416 18.7134 4.50014 21.5214C5.05867 24.3293 6.43732 26.9086 8.46174 28.933C10.4862 30.9574 13.0654 32.3361 15.8734 32.8946C18.6813 33.4531 21.5918 33.1665 24.2369 32.0709C26.8819 30.9753 29.1426 29.1199 30.7332 26.7395C32.3238 24.359 33.1728 21.5603 33.1728 18.6974C33.1728 14.8583 31.6477 11.1764 28.933 8.46174C26.2184 5.74708 22.5365 4.22199 18.6974 4.22199Z" fill="currentColor"/>
194<path d="M37.1235 36.4599H31.7254L22.5576 25.4525H27.9557L37.1235 36.4599Z" fill="currentColor"/>
195</svg>
196
197            </a>
198        </div>
199        <div class="gap-5 hidden lg:flex col-span-4 font-brand font-semibold">
200            
201            
202                
203                
204                <div class="relative">
205                    <button popovertarget="my-popover-10" type="button" class="flex items-center">
206                        Escola
207                        <svg class="h-5 w-5 flex-none text-gray-700" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
208                            <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
209                        </svg>
210                    </button>
211
212                    
213                    <el-popover popover id="my-popover-10" anchor="bottom center" class="[--anchor-gap:20px] w-[1200px] shadow-lg/40 transition bg-gray-100 transition-discrete data-closed:opacity-0 data-enter:ease-out data-leave:duration-100 data-leave:ease-in">
214                        <div class="grid grid-cols-5 gap-5 p-5">
215                            
216                                <a href="/ca/cicles-formatius" class="relative flex flex-col text-sm/6 bg-white">
217                                    
218                                    
219                                        <picture>
220    
221        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Disseny-Diseno-Cicle_Ciclo-Moda-Textil-001_1000_Nk90SI3yv-.webp" type="image/webp">
222    
223    
224    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Disseny-Diseno-Cicle_Ciclo-Moda-Textil-001_1000_Nk90SI3yv-.webp" alt="">
225</picture>
226                                    
227                                    <div class="block p-5 font-semibold">
228                                        <div class="text-lg leading-5 text-gray-700">CICLES FORMATIUS</div>
229                                        <div class="text-md leading-5 text-second-brand">CFGM Confecció i Moda i CFGS Patronatge i Moda</div>
230                                    </div>
231                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
232                                </a>
233                            
234                                <a href="/ca/grau-universitari-en-moda" class="relative flex flex-col text-sm/6 bg-white">
235                                    
236                                    
237                                        <picture>
238    
239        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/qstura-girona-costura-grau-grado-moda-udg-eram-universitat-universidad-01_1000_jjZD_4PWFw.webp" type="image/webp">
240    
241    
242    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/qstura-girona-costura-grau-grado-moda-udg-eram-universitat-universidad-01_1000_jjZD_4PWFw.webp" alt="">
243</picture>
244                                    
245                                    <div class="block p-5 font-semibold">
246                                        <div class="text-lg leading-5 text-gray-700">GRAU UNIVERSITARI en Moda</div>
247                                        <div class="text-md leading-5 text-second-brand">El primer Grau Universitari en Moda de Catalunya</div>
248                                    </div>
249                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
250                                </a>
251                            
252                                <a href="/ca/cursos-de-qstura-i-patronatge" class="relative flex flex-col text-sm/6 bg-white">
253                                    
254                                    
255                                        <picture>
256    
257        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-001_1000_RlBHWEmMjk.webp" type="image/webp">
258    
259    
260    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-001_1000_RlBHWEmMjk.webp" alt="">
261</picture>
262                                    
263                                    <div class="block p-5 font-semibold">
264                                        <div class="text-lg leading-5 text-gray-700">CURSOS DE QSTURA I PATRONATGE</div>
265                                        <div class="text-md leading-5 text-second-brand">Vine a cosir creacions úniques al teu ritme</div>
266                                    </div>
267                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
268                                </a>
269                            
270                                <a href="/ca/cursos-intensius" class="relative flex flex-col text-sm/6 bg-white">
271                                    
272                                    
273                                        <picture>
274    
275        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Marca-Comunicacio-Comunicacion-Moda-001_1000_uOZrnKFz8w.webp" type="image/webp">
276    
277    
278    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Marca-Comunicacio-Comunicacion-Moda-001_1000_uOZrnKFz8w.webp" alt="">
279</picture>
280                                    
281                                    <div class="block p-5 font-semibold">
282                                        <div class="text-lg leading-5 text-gray-700">CURSOS INTENSIUS</div>
283                                        <div class="text-md leading-5 text-second-brand">
283Especialitzacions en format intensiu</div>
284                                    </div>
285                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
286                                </a>
287                            
288                                <a href="/ca/tallers-intensius" class="relative flex flex-col text-sm/6 bg-white">
289                                    
290                                    
291                                        <picture>
292    
293        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Overlock-003_1000_Hsp34j6jD7.webp" type="image/webp">
294    
295    
296    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Overlock-003_1000_Hsp34j6jD7.webp" alt="">
297</picture>
298                                    
299                                    <div class="block p-5 font-semibold">
300                                        <div class="text-lg leading-5 text-gray-700">TALLERS INTENSIUS</div>
301                                        <div class="text-md leading-5 text-second-brand">Tallers creatius d'un o dos dies, per tots els gustos!</div>
302                                    </div>
303                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
304                                </a>
305                            
306                                <a href="/ca/cursos-per-grups" class="relative flex flex-col text-sm/6 bg-white">
307                                    
308                                    
309                                        <picture>
310    
311        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/30-CESC63_20250118_0409_1000_Th9k2eb-Zk.webp" type="image/webp">
312    
313    
314    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/30-CESC63_20250118_0409_1000_Th9k2eb-Zk.webp" alt="">
315</picture>
316                                    
317                                    <div class="block p-5 font-semibold">
318                                        <div class="text-lg leading-5 text-gray-700">EXPERIÈNCIES QSTURA EN GRUP</div>
319                                        <div class="text-md leading-5 text-second-brand">Comparteix una experiència creativa</div>
320                                    </div>
321                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
322                                </a>
323                            
324                                <a href="/ca/cursos-per-a-mainada" class="relative flex flex-col text-sm/6 bg-white">
325                                    
326                                    
327                                        <picture>
328    
329        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Costura-Cosir-Coser-Mainada-Ninos-Ninas-Infantil-Curs-Curso-Extraescolar-Casal-000_1000_cTF5mSFhbW.webp" type="image/webp">
330    
331    
332    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Costura-Cosir-Coser-Mainada-Ninos-Ninas-Infantil-Curs-Curso-Extraescolar-Casal-000_1000_cTF5mSFhbW.webp" alt="">
333</picture>
334                                    
335                                    <div class="block p-5 font-semibold">
336                                        <div class="text-lg leading-5 text-gray-700">CURSOS PER A MAINADA</div>
337                                        <div class="text-md leading-5 text-second-brand">Inicia't en el món de la Qstura. De 6 a 12 anys</div>
338                                    </div>
339                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
340                                </a>
341                            
342                                <a href="/ca/cursos-per-a-joves" class="relative flex flex-col text-sm/6 bg-white">
343                                    
344                                    
345                                        <picture>
346    
347        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Costura-Cosir-Coser-Curs-Curso-Joves-Jovenes-Casal-Campus-Nadal-Navidad-001_1000_ZjdII6uYWF.webp" type="image/webp">
348    
349    
350    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Costura-Cosir-Coser-Curs-Curso-Joves-Jovenes-Casal-Campus-Nadal-Navidad-001_1000_ZjdII6uYWF.webp" alt="">
351</picture>
352                                    
353                                    <div class="block p-5 font-semibold">
354                                        <div class="text-lg leading-5 text-gray-700">CURSOS PER A JOVES</div>
355                                        <div class="text-md leading-5 text-second-brand">Fes roba amb el teu estil. De 12 a 20 anys</div>
356                                    </div>
357                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
358                                </a>
359                            
360                                <a href="/ca/festes-daniversari" class="relative flex flex-col text-sm/6 bg-white">
361                                    
362                                    
363                                        <picture>
364    
365        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/30_1000_8LYJWq8o9z.webp" type="image/webp">
366    
367    
368    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/30_1000_8LYJWq8o9z.webp" alt="">
369</picture>
370                                    
371                                    <div class="block p-5 font-semibold">
372                                        <div class="text-lg leading-5 text-gray-700">FESTES D'ANIVERSARI</div>
373                                        <div class="text-md leading-5 text-second-brand">Celebra el teu aniversari a Qstura!</div>
374                                    </div>
375                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
376                                </a>
377                            
378                                <a href="/ca/cursos-online" class="relative flex flex-col text-sm/6 bg-white">
379                                    
380                                    
381                                        <picture>
382    
383        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Patroneo-Key-002_1000_wbuzgypWvR.webp" type="image/webp">
384    
385    
386    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Patroneo-Key-002_1000_wbuzgypWvR.webp" alt="">
387</picture>
388                                    
389                                    <div class="block p-5 font-semibold">
390                                        <div class="text-lg leading-5 text-gray-700">CURSOS ONLINE</div>
391                                        <div class="text-md leading-5 text-second-brand">Formació on vulguis i quan vulguis</div>
392                                    </div>
393                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
394                                </a>
395                            
396                        </div>
397                    </el-popover>
398                    
399
400                </div>
401                
402            
403                
404                
405                <div class="relative">
406                    <button popovertarget="my-popover-8" type="button" class="flex items-center">
407                        Nosaltres
408                        <svg class="h-5 w-5 flex-none text-gray-700" viewB
408ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
409                            <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
410                        </svg>
411                    </button>
412
413                    
414                    <el-popover popover id="my-popover-8" anchor="bottom center" class="[--anchor-gap:20px] w-[600px] shadow-lg/40 transition bg-gray-100 transition-discrete data-closed:opacity-0 data-enter:ease-out data-leave:duration-100 data-leave:ease-in">
415                        <div class="grid grid-cols-2 gap-3 p-3">
416                            
417                            
418                                <a href="/ca/silvia-castello-duran" class="relative flex flex-col text-sm/6 bg-white  col-span-2 ">
419                                    
420                                    
421                                        <picture>
422    
423        <source loading="lazy" class="w-full object-cover h-full aspect-[5/2]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/silvia-capcalera-foto-ppal-castello-qstura-costura-directora-girona_1000_Hn5Cbb9tmZ_1000_p_ltMMwP3X.webp" type="image/webp">
424    
425    
426    <img loading="lazy" class="w-full object-cover h-full aspect-[5/2]" src="https://assets.qstura.cat/menus/image-menu/silvia-capcalera-foto-ppal-castello-qstura-costura-directora-girona_1000_Hn5Cbb9tmZ_1000_p_ltMMwP3X.webp" alt="">
427</picture>
428                                    
429                                    <div class="block p-3 font-semibold">
430                                        <div class="text-lg leading-5 text-gray-700">Sílvia castelló Duran</div>
431                                        <div class="text-md leading-5 text-second-brand">Coneix a la nostra directora</div>
432                                    </div>
433                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
434                                </a>
435                                
436                            
437                                <a href="/ca/escola" class="relative flex flex-col text-sm/6 bg-white ">
438                                    
439                                    
440                                       
441                                    
442                                    <div class="block p-3 font-semibold">
443                                        <div class="text-lg leading-5 text-gray-700">Escola</div>
444                                        <div class="text-md leading-5 text-second-brand"></div>
445                                    </div>
446                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
447                                </a>
448                                
449                            
450                                <a href="/ca/professorat-i-equip" class="relative flex flex-col text-sm/6 bg-white ">
451                                    
452                                    
453                                       
454                                    
455                                    <div class="block p-3 font-semibold">
456                                        <div class="text-lg leading-5 text-gray-700">Professorat i equip</div>
457                                        <div class="text-md leading-5 text-second-brand"></div>
458                                    </div>
459                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
460                                </a>
461                                
462                            
463                                <a href="/ca/mitjans" class="relative flex flex-col text-sm/6 bg-white ">
464                                    
465                                    
466                                       
467                                    
468                                    <div class="block p-3 font-semibold">
469                                        <div class="text-lg leading-5 text-gray-700">Mitjans</div>
470                                        <div class="text-md leading-5 text-second-brand"></div>
471                                    </div>
472                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
473                                </a>
474                                
475                            
476                                <a href="/ca/jornada-portes-obertes" class="relative flex flex-col text-sm/6 bg-white ">
477                                    
478                                    
479                                       
480                                    
481                                    <div class="block p-3 font-semibold">
482                                        <div class="text-lg leading-5 text-gray-700">Jornada portes obertes</div>
483                                        <div class="text-md leading-5 text-second-brand"></div>
484                                    </div>
485                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
486                                </a>
487                                
488                            
489                                <a href="/ca/xerrades-a-escoles-i-instituts" class="relative flex flex-col text-sm/6 bg-white ">
490                                    
491                                    
492                                       
493                                    
494                                    <div class="block p-3 font-semibold">
495                                        <div class="text-lg leading-5 text-gray-700">Xerrades a escoles i instituts</div>
496                                        <div class="text-md leading-5 text-second-brand"></div>
497                                    </div>
498                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
499                                </a>
500                                
501                            
502                                <a href="/ca/blog" class="relative flex flex-col text-sm/6 bg-white ">
503                                    
504                                    
505                                       
506                                    
507                                    <div class="block p-3 font-semibold">
508                                        <div class="text-lg leading-5 text-gray-700">Blog</div>
509                                        <div class="text-md leading-5 text-second-brand"></div>
510                                    </div>
511                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
512                                </a>
513                                
514                            
515                                <a href="/ca/projectes" class="relative flex flex-col text-sm/6 bg-white ">
516                                    
517                                    
518                                       
519                                    
520                                    <div class="block p-3 font-semibold">
521                                        <div class="text-lg leading-5 text-gray-700">Projectes</div>
522                                        <div class="text-md leading-5 text-second-brand"></div>
523                                    </div>
524                                    <div class="h-2 bg-second-brand w-full mt-auto"></div>
525                                </a>
526                                
527                            
528                        </div>
529                    </el-popover>
530                    
531
532                </div>
533                
534            
535                
536                
537                    
538                    
539                        <a href="/ca/empreses" class="cursor-pointer transition-colors  ">Empreses</a>
540                    
541
542                
543            
544                
545                
546                    
547                    
548                        <a href="/ca/social" class="cursor-pointer transition-colors  ">Social</a>
549                    
550
551                
552            
553                
554                
555                    
556                    
557                        <a href="/ca/esdeveniments" class="cursor-pointer transition-colors  ">Esdeveniments</a>
558                    
559
560                
561            
562                
563                
564                    
565                    
566                        <a href="/ca/contacte" class="cursor-pointer transition-colors  ">Contacte</a>
567                    
568
569                
570            
571            <div class="cursor-pointer cart-item relative">
572                <span id="cart-icon" class="flex ">
573                    <svg xmlns="https://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM246-720l96 200h280l110-200H246Zm-38-80h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-2-78.5l54-98-144-304H40v-80h130l38 80Zm134 280h280-280Z"/></svg>
574                </span>
575                <span class="absolute top-[-10px] right-[-10px] w-5 h-5 rounded-full bg-brand text-white text-xs items-number flex items-center justify-center">0</span>
576            </div>
577
578        </div>
579        <div class="absolute right-3 lg:hidden z-10 cursor-pointer" burger-menu-trigger>
580            <svg width="35" height="15" viewBox="0 0 35 15" fill="none" xmlns="https://www.w3.org/2000/svg">
581                <rect width="35" height="3" fill="currentColor"/>
582                <rect y="6" width="35" height="3" fill="currentColor"/>
583                <rect y="12" width="35" height="3" fill="currentColor"/>
584            </svg>
585        </div>
586    </div>
587    <div class="lg:hidden">
588        <div class="relative z-10 pointer-events-none" menu-container aria-label="menu" aria-labelledby="slide-over-title" role="dialog" aria-modal="true">
589    <div class="fixed inset-0 bg-white/40 transition-opacity opacity-0 ease-in-out duration-500" backdrop-menu aria-hidden="true"></div>
590
591    <div class="fixed inset-0 overflow-hidden">
592        <div class="absolute inset-0 overflow-hidden" close-menu >
593            <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10">
594                <div class="pointer-events-auto relative w-screen max-w-md translate-x-full transform transition ease-in-out duration-500 sm:duration-700" slider-over-menu>
595                    <div class="flex h-full flex-col overflow-y-scroll bg-white py-6 shadow-xl">
596                        <div class="relative mt-6 flex justify-between flex-col px-4 sm:px-6 h-full">
597                            
598                            
599                        
600                            <a class="flex justify-center" aria-label="Home" href="/">
601                                <div class="flex flex-col items-center">
602                                    <svg width="144" height="38" viewBox="0 0 144 38" fill="none" xmlns="https://www.w3.org/2000/svg">
603<path d="M60.8264 28.7396C60.8264 33.3235 57.5694 37.1233 50.7237 37.1233C45.6574 37.1233 41.3751 35.0726 40.3799 31.2427L44.8733 29.7047C45.2955 31.0316 46.6525 32.841 50.8142 32.841C54.1616 32.841 56.0615 31.4839 56.0615 29.192C56.0615 26.2065 51.7491 26.2065 48.1906 25.3922C43.3654 24.3367 41.2846 21.9845 41.2846 18.1847C41.2846 13.4802 45.205 10.1328 50.7841 10.1328C54.9457 10.1328 58.6249 12.2437 59.5598 16.0737L55.2473 17.2197C54.7648 15.8023 53.2569 14.2944 50.3619 14.2944C47.4668 14.2944 45.9589 15.7118 45.9589 17.853C45.9589 20.7179 49.5175 20.929 52.4427 21.5321C58.7455 22.859 60.8264 24.8795 60.8264 28.7396Z" fill="currentColor"/>
604<path d="M70.7182 15.1389V26.4176C70.7182 30.0666 70.7785 32.5093 74.7894 32.5093C75.4145 32.5062 76.0388 32.4659 76.6591 32.3887V36.4599C75.8465 36.6331 75.017 36.7141 74.1862 36.7011C68.6072 36.7011 66.1041 33.7156 66.1041 28.0762V15.1389H62.0933V10.7359H66.1041V5.36797L70.7182 3.46808V10.7359H76.6591V15.1389H70.7182Z" fill="currentColor"/>
605<path d="M102.745 10.7359V36.4599H98.1309V32.9014C97.2824 34.2266 96.107 35.3112 94.7179 36.0506C93.3289 36.79 91.7728 37.1595 90.1996 37.1233C84.4095 37.1233 80.3081 32.2982 80.3081 26.8699V10.7359H84.9221V25.5129C84.9221 29.1619 86.4601 32.6903 91.2853 32.6903C96.1104 32.6903 98.1309 28.5286 98.1309 25.5129V10.7359H102.745Z" fill="currentColor"/>
606<path d="M120.326 11.0073V15.6515C112.968 15.6515 111.761 20.8084 111.761 25.5129V36.4599H107.147V10.7359H111.761V14.3246C113.149 11.701 118.788 11.0073 120.326 11.0073Z" fill="currentColor"/>
607<path d="M144 20.929V36.4598H139.386V32.9013C138.24 34.8917 135.043 37.1233 130.972 37.1233C126.117 37.1233 121.834 34.1679 121.834 29.5539C121.834 21.502 131.636 21.2909 135.224 21.2909H139.386C139.386 17.3704 138.572 14.3246 133.264 14.3246C130.58 14.3246 127.715 15.7118 126.599 16.6165L123.372 14.1436C126.207 11.5501 130.098 10.1328 134.169 10.1328C141.587 10.1328 144 14.8071 144 20.929ZM139.386 24.8795H137.607C132.842 24.8795 12
6076.599 24.8494 126.599 29.3428C126.599 31.3332 127.866 33.3537 131.997 33.3537C136.129 33.3537 139.084 30.2777 139.386 29.1015V24.8795Z" fill="currentColor"/>
608<path d="M18.6974 37.3947C14.9994 37.3947 11.3844 36.2982 8.30968 34.2437C5.23491 32.1892 2.83842 29.269 1.42326 25.8525C0.00810126 22.436 -0.362169 18.6766 0.359273 15.0497C1.08072 11.4228 2.86147 8.09121 5.47634 5.47634C8.09121 2.86147 11.4228 1.08072 15.0497 0.359273C18.6766 -0.362169 22.4361 0.00810126 25.8525 1.42326C29.269 2.83842 32.1892 5.23491 34.2437 8.30967C36.2982 11.3844 37.3947 14.9994 37.3947 18.6974C37.3947 23.6562 35.4248 28.412 31.9184 31.9184C28.412 35.4248 23.6562 37.3947 18.6974 37.3947ZM18.6974 4.22199C15.8344 4.22199 13.0357 5.07096 10.6553 6.66154C8.27482 8.25211 6.41947 10.5129 5.32387 13.1579C4.22826 15.8029 3.9416 18.7134 4.50014 21.5214C5.05867 24.3293 6.43732 26.9086 8.46174 28.933C10.4862 30.9574 13.0654 32.3361 15.8734 32.8946C18.6813 33.4531 21.5918 33.1665 24.2369 32.0709C26.8819 30.9753 29.1426 29.1199 30.7332 26.7395C32.3238 24.359 33.1728 21.5603 33.1728 18.6974C33.1728 14.8583 31.6477 11.1764 28.933 8.46174C26.2184 5.74708 22.5365 4.22199 18.6974 4.22199Z" fill="currentColor"/>
609<path d="M37.1235 36.4599H31.7254L22.5576 25.4525H27.9557L37.1235 36.4599Z" fill="currentColor"/>
610</svg>
611
612                                </div>
613                            </a>
614                            
615
616                            
617                            
618                            <div class="relative pt-10">
619                                <div class="font-brand font-semibold pb-2 text-lg">
620                                Escola
621                                </div>
622
623                                <div class="grid grid-cols-2 gap-5 pb-5">
624                                        
625                                            <a href="/ca/cicles-formatius" class="relative flex flex-col text-sm/6 bg-white">
626                                                
627                                                
628                                                    
629                                                        <picture>
630    
631        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Disseny-Diseno-Cicle_Ciclo-Moda-Textil-001_1000_Nk90SI3yv-.webp" type="image/webp">
632    
633    
634    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Disseny-Diseno-Cicle_Ciclo-Moda-Textil-001_1000_Nk90SI3yv-.webp" alt="">
635</picture>
636                                                    
637                                                
638                                                <div class="block py-3 font-semibold">
639                                                    <div class="text-lg leading-5 text-gray-700">CICLES FORMATIUS</div>
640                                                    <div class="text-md leading-5 text-second-brand">CFGM Confecció i Moda i CFGS Patronatge i Moda</div>
641                                                </div>
642                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
643                                            </a>
644                                        
645                                            <a href="/ca/grau-universitari-en-moda" class="relative flex flex-col text-sm/6 bg-white">
646                                                
647                                                
648                                                    
649                                                        <picture>
650    
651        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/qstura-girona-costura-grau-grado-moda-udg-eram-universitat-universidad-01_1000_jjZD_4PWFw.webp" type="image/webp">
652    
653    
654    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/qstura-girona-costura-grau-grado-moda-udg-eram-universitat-universidad-01_1000_jjZD_4PWFw.webp" alt="">
655</picture>
656                                                    
657                                                
658                                                <div class="block py-3 font-semibold">
659                                                    <div class="text-lg leading-5 text-gray-700">GRAU UNIVERSITARI en Moda</div>
660                                                    <div class="text-md leading-5 text-second-brand">El primer Grau Universitari en Moda de Catalunya</div>
661                                                </div>
662                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
663                                            </a>
664                                        
665                                            <a href="/ca/cursos-de-qstura-i-patronatge" class="relative flex flex-col text-sm/6 bg-white">
666                                                
667                                                
668                                                    
669                                                        <picture>
670    
671        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-001_1000_RlBHWEmMjk.webp" type="image/webp">
672    
673    
674    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-001_1000_RlBHWEmMjk.webp" alt="">
675</picture>
676                                                    
677                                                
678                                                <div class="block py-3 font-semibold">
679                                                    <div class="text-lg leading-5 text-gray-700">CURSOS DE QSTURA I PATRONATGE</div>
680                                                    <div class="text-md leading-5 text-second-brand">Vine a cosir creacions úniques al teu ritme</div>
681                                                </div>
682                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
683                                            </a>
684                                        
685                                            <a href="/ca/cursos-intensius" class="relative flex flex-col text-sm/6 bg-white">
686                                                
687                                                
688                                                    
689                                                        <picture>
690    
691        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Marca-Comunicacio-Comunicacion-Moda-001_1000_uOZrnKFz8w.webp" type="image/webp">
692    
693    
694    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Marca-Comunicacio-Comunicacion-Moda-001_1000_uOZrnKFz8w.webp" alt="">
695</picture>
696                                                    
697                                                
698                                                <div class="block py-3 font-semibold">
699                                                    <div class="text-lg leading-5 text-gray-700">CURSOS INTENSIUS</div>
700                                                    <div class="text-md leading-5 text-second-brand">
700Especialitzacions en format intensiu</div>
701                                                </div>
702                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
703                                            </a>
704                                        
705                                            <a href="/ca/tallers-intensius" class="relative flex flex-col text-sm/6 bg-white">
706                                                
707                                                
708                                                    
709                                                        <picture>
710    
711        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Overlock-003_1000_Hsp34j6jD7.webp" type="image/webp">
712    
713    
714    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Overlock-003_1000_Hsp34j6jD7.webp" alt="">
715</picture>
716                                                    
717                                                
718                                                <div class="block py-3 font-semibold">
719                                                    <div class="text-lg leading-5 text-gray-700">TALLERS INTENSIUS</div>
720                                                    <div class="text-md leading-5 text-second-brand">Tallers creatius d'un o dos dies, per tots els gustos!</div>
721                                                </div>
722                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
723                                            </a>
724                                        
725                                            <a href="/ca/cursos-per-grups" class="relative flex flex-col text-sm/6 bg-white">
726                                                
727                                                
728                                                    
729                                                        <picture>
730    
731        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/30-CESC63_20250118_0409_1000_Th9k2eb-Zk.webp" type="image/webp">
732    
733    
734    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/30-CESC63_20250118_0409_1000_Th9k2eb-Zk.webp" alt="">
735</picture>
736                                                    
737                                                
738                                                <div class="block py-3 font-semibold">
739                                                    <div class="text-lg leading-5 text-gray-700">EXPERIÈNCIES QSTURA EN GRUP</div>
740                                                    <div class="text-md leading-5 text-second-brand">Comparteix una experiència creativa</div>
741                                                </div>
742                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
743                                            </a>
744                                        
745                                            <a href="/ca/cursos-per-a-mainada" class="relative flex flex-col text-sm/6 bg-white">
746                                                
747                                                
748                                                    
749                                                        <picture>
750    
751        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Costura-Cosir-Coser-Mainada-Ninos-Ninas-Infantil-Curs-Curso-Extraescolar-Casal-000_1000_cTF5mSFhbW.webp" type="image/webp">
752    
753    
754    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Costura-Cosir-Coser-Mainada-Ninos-Ninas-Infantil-Curs-Curso-Extraescolar-Casal-000_1000_cTF5mSFhbW.webp" alt="">
755</picture>
756                                                    
757                                                
758                                                <div class="block py-3 font-semibold">
759                                                    <div class="text-lg leading-5 text-gray-700">CURSOS PER A MAINADA</div>
760                                                    <div class="text-md leading-5 text-second-brand">Inicia't en el món de la Qstura. De 6 a 12 anys</div>
761                                                </div>
762                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
763                                            </a>
764                                        
765                                            <a href="/ca/cursos-per-a-joves" class="relative flex flex-col text-sm/6 bg-white">
766                                                
767                                                
768                                                    
769                                                        <picture>
770    
771        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Costura-Cosir-Coser-Curs-Curso-Joves-Jovenes-Casal-Campus-Nadal-Navidad-001_1000_ZjdII6uYWF.webp" type="image/webp">
772    
773    
774    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Costura-Cosir-Coser-Curs-Curso-Joves-Jovenes-Casal-Campus-Nadal-Navidad-001_1000_ZjdII6uYWF.webp" alt="">
775</picture>
776                                                    
777                                                
778                                                <div class="block py-3 font-semibold">
779                                                    <div class="text-lg leading-5 text-gray-700">CURSOS PER A JOVES</div>
780                                                    <div class="text-md leading-5 text-second-brand">Fes roba amb el teu estil. De 12 a 20 anys</div>
781                                                </div>
782                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
783                                            </a>
784                                        
785                                            <a href="/ca/festes-daniversari" class="relative flex flex-col text-sm/6 bg-white">
786                                                
787                                                
788                                                    
789                                                        <picture>
790    
791        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/30_1000_8LYJWq8o9z.webp" type="image/webp">
792    
793    
794    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/30_1000_8LYJWq8o9z.webp" alt="">
795</picture>
796                                                    
797                                                
798                                                <div class="block py-3 font-semibold">
799                                                    <div class="text-lg leading-5 text-gray-700">FESTES D'ANIVERSARI</div>
800                                                    <div class="text-md leading-5 text-second-brand">Celebra el teu aniversari a Qstura!</div>
801                                                </div>
802                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
803                                            </a>
804                                        
805                                            <a href="/ca/cursos-online" class="relative flex flex-col text-sm/6 bg-white">
806                                                
807                                                
808                                                    
809                                                        <picture>
810    
811        <source loading="lazy" class="w-full object-cover h-full aspect-[5/3]" media="(min-width: px)" srcset="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Patroneo-Key-002_1000_wbuzgypWvR.webp" type="image/webp">
812    
813    
814    <img loading="lazy" class="w-full object-cover h-full aspect-[5/3]" src="https://assets.qstura.cat/menus/image-menu/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Patroneo-Key-002_1000_wbuzgypWvR.webp" alt="">
815</picture>
816                                                    
817                                                
818                                                <div class="block py-3 font-semibold">
819                                                    <div class="text-lg leading-5 text-gray-700">CURSOS ONLINE</div>
820                                                    <div class="text-md leading-5 text-second-brand">Formació on vulguis i quan vulguis</div>
821                                                </div>
822                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
823                                            </a>
824                                        
825                                    </div>
826
827                                </div>
828                            
829                        
830
831                            
832                            
833                            <div class="relative pt-10">
834                                <div class="font-brand font-semibold pb-2 text-lg">
835                                Nosaltres
836                                </div>
837
838                                <div class="grid grid-cols-2 gap-5 pb-5">
839                                        
840                                            <a href="/ca/silvia-castello-duran" class="relative flex flex-col text-sm/6 bg-white">
841                                                
842                                                
843                                                <div class="block py-3 font-semibold">
844                                                    <div class="text-lg leading-5 text-gray-700">Sílvia castelló Duran</div>
845                                                    <div class="text-md leading-5 text-second-brand">Coneix a la nostra directora</div>
846                                                </div>
847                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
848                                            </a>
849                                        
850                                            <a href="/ca/escola" class="relative flex flex-col text-sm/6 bg-white">
851                                                
852                                                
853                                                <div class="block py-3 font-semibold">
854                                                    <div class="text-lg leading-5 text-gray-700">Escola</div>
855                                                    <div class="text-md leading-5 text-second-brand"></div>
856                                                </div>
857                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
858                                            </a>
859                                        
860                                            <a href="/ca/professorat-i-equip" class="relative flex flex-col text-sm/6 bg-white">
861                                                
862                                                
863                                                <div class="block py-3 font-semibold">
864                                                    <div class="text-lg leading-5 text-gray-700">Professorat i equip</div>
865                                                    <div class="text-md leading-5 text-second-brand"></div>
866                                                </div>
867                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
868                                            </a>
869                                        
870                                            <a href="/ca/mitjans" class="relative flex flex-col text-sm/6 bg-white">
871                                                
872                                                
873                                                <div class="block py-3 font-semibold">
874                                                    <div class="text-lg leading-5 text-gray-700">Mitjans</div>
875                                                    <div class="text-md leading-5 text-second-brand"></div>
876                                                </div>
877                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
878                                            </a>
879                                        
880                                            <a href="/ca/jornada-portes-obertes" class="relative flex flex-col text-sm/6 bg-white">
881                                                
882                                                
883                                                <div class="block py-3 font-semibold">
884                                                    <div class="text-lg leading-5 text-gray-700">Jornada portes obertes</div>
885                                                    <div class="text-md leading-5 text-second-brand"></div>
886                                                </div>
887                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
888                                            </a>
889                                        
890                                            <a href="/ca/xerrades-a-escoles-i-instituts" class="relative flex flex-col text-sm/6 bg-white">
891                                                
892                                                
893                                                <div class="block py-3 font-semibold">
894                                                    <div class="text-lg leading-5 text-gray-700">Xerrades a escoles i instituts</div>
895                                                    <div class="text-md leading-5 text-second-brand"></div>
896                                                </div>
897                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
898                                            </a>
899                                        
900                                            <a href="/ca/blog" class="relative flex flex-col text-sm/6 bg-white">
901                                                
902                                                
903                                                <div class="block py-3 font-semibold">
904                                                    <div class="text-lg leading-5 text-gray-700">Blog</div>
905                                                    <div class="text-md leading-5 text-second-brand"></div>
906                                                </div>
907                                                <div class="h-2 bg-second-brand w-full mt-auto"></div>
908                                            </a>
909                                        
910                                            <a href="/ca/projectes" class="relative flex flex-col text-sm/6 bg-white">
911                                                
912                                                
913                                                <div class="block py-3 font-semibold">
914                                                    <div class="text-lg leading-5 text-gray-700">Projectes</div>
915                                                    <div class="text-md leading-5 text-second-brand"></div>
916                                                </div>
917                                                <div class="h-2 bg-se
917cond-brand w-full mt-auto"></div>
918                                            </a>
919                                        
920                                    </div>
921
922                                </div>
923                            
924                        
925
926                            
927                            
928                                
929                                
930                                
931                                    <a href="/ca/empreses" class="font-brand font-semibold pb-3 cursor-pointer transition-colors text-lg  ">Empreses</a>
932                                
933
934                            
935                        
936
937                            
938                            
939                                
940                                
941                                
942                                    <a href="/ca/social" class="font-brand font-semibold pb-3 cursor-pointer transition-colors text-lg  ">Social</a>
943                                
944
945                            
946                        
947
948                            
949                            
950                                
951                                
952                                
953                                    <a href="/ca/esdeveniments" class="font-brand font-semibold pb-3 cursor-pointer transition-colors text-lg  ">Esdeveniments</a>
954                                
955
956                            
957                        
958
959                            
960                            
961                                
962                                
963                                
964                                    <a href="/ca/contacte" class="font-brand font-semibold pb-3 cursor-pointer transition-colors text-lg  ">Contacte</a>
965                                
966
967                            
968                        
969
970                            <div>
971                                <div class="uppercase text-gray-400 text-xs mt-10"></div>
972                                <div class="flex flex-col justify-between">
973                                    <div class="flex gap-5 items-center">
974                                        
975
976                                            
977                                            
978                                             
979                            
980                                                <div class="text-black font-mercury italic text-lg text-right"><a href="https://qstura.cat/ca" class="selected">Català</a></div>
981                                                
982                                        
983                                        
984
985                                            
986                                            
987                                             
988                            
989                                                
990                                                <div class="text-black font-mercury italic text-lg text-right"><a href="https://qstura.cat/es" class="">Español</a></div>
991                                        
992                                        
993                                    </div>
994                                    <div class="flex gap-5 justify-start items-center pt-10 pb-10">
995                                        <a aria-label="facebook link" href="https://www.facebook.com/qstura">
996                                            <svg class="size-5" viewBox="0 0 512 512" fill="currentColor" xmlns="https://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg>
997                                        </a>
998                                        <a aria-label="instagram link" href="https://www.instagram.com/qstura">
999                                            <svg class="size-5" fill="currentColor" viewBox="0 0 448 512" xmlns="https://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
1000                                        </a>
1001                                        <a aria-label="linkedIn link" href="https://www.linkedin.com/school/qstura/">
1002                                            
1003
1004
1005
1006<svg class="size-5" fill="currentColor" viewBox="0 0 448 512" xmlns="https://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>
1007                                        </a>
1008                                        <a aria-label="x link" href="https://x.com/qstura">
1009                                            <svg class="size-4" fill="currentColor"  viewBox="0 0 19 19"  xmlns="https://www.w3.org/2000/svg">
1010<path d="M11.1905 7.70938L17.8535 0H16.2746L10.4891 6.69394L5.86821 0H0.538574L7.52625 10.1224L0.538574 18.2069H2.11759L8.22725 11.1379L13.1072 18.2069H18.4369L11.1901 7.70938H11.1905ZM9.02781 10.2116L8.31982 9.20365L2.68653 1.18316H5.11181L9.65794 7.65595L10.3659 8.66391L16.2754 17.0776H13.8501L9.02781 10.212V10.2116Z" fill="black"/>
1011</svg>
1012
1013                                        </a>
1014                                        <a aria-label="youtube link" href="https://www.youtube.com/channel/UCVdJnLld9IiP3vcGH2Zsosw">
1015                                            <svg class="size-5" fill="currentColor" viewBox="0 0 576 512" xmlns="https://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>
1016                                        </a>
1017                                    </div>
1018                                </div>
1019                            </div>
1020                        </div>
1021                    </div>
1022                </div>
1023            </div>
1024        </div>
1025    </div>
1026</div>
1027
1028    </div>
1029</header>
1030
1031    <div class="transition" body-blur-selector>
1032
1033    
1034    
1035    
1036
1037    <div class="md:h-[100px]"></div>
1038    <div id="account"></div>
1039    
1040    <div class="max-md:min-h-screen md:h-[500px] overflow-hidden w-full relative flex items-center z-9 relative">
1041        <video 
1042            autoplay muted loop playsinline
1043            preload="metadata"
1044            poster="https://assets.qstura.cat/videos/poster-qstura.webp"
1045            class="max-md:min-h-screen max-md:h-screen md:h-full w-full object-cover absolute" src="https://assets.qstura.cat/videos/qstura-capcalera-web-720.mp4"
1046        ></video>
1047        <!-- overlay -->
1048        <div class="absolute inset-0 bg-black/60"></div>
1049        <div class="absolute w-full flex flex-col justify-center text-center animation-to-add">
1050            <div class="font-brand  font-bold text-5xl text-second-brand text-shadow-lg/40 px-10 ">Molt més que una escola</div>
1051            <div class="font-brand w-full font-bold text-xl text-white text-shadow-lg/40 pt-4 text-center">Escola Qstura - Fàbrica Gassol-Monar, 17190, Salt, Girona</div>
1052        </div>
1053    </div>
1054
1055    
1056    <div class="mx-auto p-2 lg:p-0 lg:pt-3">
1057        <div class="grid gap-2">
1058        
1059        
1060        
1061        
1062            
1063                <div class="grid md:grid-cols-4 lg:grid-cols-5 ga
1063p-2">
1064                    <div class="col-span-4 md:col-span-2 lg:col-span-3">
1065                        <div class="w-full h-96 relative font-brand overflow-hidden">
1066    <a href="https://qstura.cat/ca/cicles-formatius" class="flex cursor-pointer group">
1067        
1068
1069        
1070            <picture>
1071    
1072        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Disseny-Diseno-Cicle_Ciclo-Moda-Textil-001_1400_sW7-w3sGyy.webp" type="image/webp">
1073    
1074    
1075    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Disseny-Diseno-Cicle_Ciclo-Moda-Textil-001_1400_sW7-w3sGyy.webp" alt="">
1076</picture>
1077        
1078        
1079        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1080        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1081            <div class="text-2xl text-white font-bold">
1082            CICLES FORMATIUS
1083            </div>
1084            <div class="text-xl text-second-brand font-bold">
1085            CFGM Confecció i Moda i CFGS Patronatge i Moda
1086            </div>
1087        </div>
1088    </a>
1089</div>
1090                    </div>
1091            
1092            
1093            
1094            
1095            
1096            
1097             
1098            
1099            
1100            
1101       
1102        
1103            
1104            
1105                    <div class="col-span-4 md:col-span-2 lg:col-span-2"><div class="w-full h-96 relative font-brand overflow-hidden">
1106    <a href="https://qstura.cat/ca/grau-universitari-en-moda" class="flex cursor-pointer group">
1107        
1108
1109        
1110            <picture>
1111    
1112        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-costura-grau-grado-moda-udg-eram-universitat-universidad-01_1400_yE2puesty9.webp" type="image/webp">
1113    
1114    
1115    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-costura-grau-grado-moda-udg-eram-universitat-universidad-01_1400_yE2puesty9.webp" alt="">
1116</picture>
1117        
1118        
1119        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1120        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1121            <div class="text-2xl text-white font-bold">
1122            GRAU en moda
1123            </div>
1124            <div class="text-xl text-second-brand font-bold">
1125            El primer Universitari de Catalunya
1126            </div>
1127        </div>
1128    </a>
1129</div></div>
1130                </div>
1131            
1132            
1133            
1134            
1135            
1136             
1137            
1138            
1139            
1140       
1141        
1142            
1143            
1144            
1145                <div class="grid grid-cols-5 gap-2">
1146                    <div class="col-span-5 md:col-span-2"><div class="w-full h-96 relative font-brand overflow-hidden">
1147    <a href="https://qstura.cat/ca/tallers-intensius" class="flex cursor-pointer group">
1148        
1149
1150        
1151            <picture>
1152    
1153        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Taller-Workshop-Tints-Tintes-Naturals-Naturales-001_1400_O-PocJOZ0e.webp" type="image/webp">
1154    
1155    
1156    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Taller-Workshop-Tints-Tintes-Naturals-Naturales-001_1400_O-PocJOZ0e.webp" alt="">
1157</picture>
1158        
1159        
1160        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1161        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1162            <div class="text-2xl text-white font-bold">
1163            TALLERS INTENSIUS
1164            </div>
1165            <div class="text-xl text-second-brand font-bold">
1166            Tallers creatius per tots els gustos!
1167            </div>
1168        </div>
1169    </a>
1170</div></div>
1171            
1172            
1173            
1174            
1175             
1176            
1177            
1178            
1179       
1180        
1181            
1182            
1183            
1184            
1185                    <div class="col-span-5 md:col-span-3"><div class="w-full h-96 relative font-brand overflow-hidden">
1186    <a href="https://qstura.cat/ca/cursos-de-qstura-i-patronatge" class="flex cursor-pointer group">
1187        
1188            <video autoplay muted loop playsinline class="absolute z-10 h-full w-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/home-qstura-costuraipatronatge-480.mp4"></video>
1189        
1190
1191        
1192        
1193        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1194        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1195            <div class="text-2xl text-white font-bold">
1196            QSTURA I PATRONATGE
1197            </div>
1198            <div class="text-xl text-second-brand font-bold">
1199            Creacions úniques al teu ritme
1200            </div>
1201        </div>
1202    </a>
1203</div></div>
1204                </div>
1205            
1206            
1207            
1208             
1209            
1210            
1211            
1212       
1213        
1214            
1215            
1216            
1217            
1218            
1219                <div class="grid grid-1 md:grid-cols-3 gap-2">
1220                    <div class=""><div class="w-full h-96 relative font-brand overflow-hidden">
1221    <a href="https://qstura.cat/ca/cursos-intensius" class="flex cursor-pointer group">
1222        
1223
1224        
1225            <picture>
1226    
1227        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Marca-Comunicacio-Comunicacion-Moda-001_1400_L6e0Q9kr9R.webp" type="image/webp">
1228    
1229    
1230    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Patronatge-Costura-Curs-Curso-Formacio-Formacion-Marca-Comunicacio-Comunicacion-Moda-001_1400_L6e0Q9kr9R.webp" alt="">
1231</picture>
1232        
1233        
1234        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1235        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1236            <div class="text-2xl text-white font-bold">
1237            CURSOS INTENSIUS
1238            </div>
1239            <div class="text-xl text-second-brand font-bold">
1240            Especialitzacions en format intensiu
1241            </div>
1242        </div>
1243    </a>
1244</div></div>
1245            
1246            
1247             
1248            
1249            
1250            
1251       
1252        
1253            
1254            
1255            
1256            
1257            
1258            
1259                <div class=""><div class="w-full h-96 relative font-brand overflow-hidden">
1260    <a href="https://qstura.cat/ca/cursos-per-a-mainada" class="flex cursor-pointer group">
1261        
1262            <video autoplay muted loop playsinline class="absolute z-10 h-full w-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/home-qstura-mainada-400.mp4"></video>
1263        
1264
1265        
1266        
1267        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1268        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1269            <div class="text-2xl text-white font-bold">
1270            CURSOS PER A MAINADA
1271            </div>
1272            <div class="text-xl text-second-brand font-bold">
1273            De 6 a 12 anys
1274            </div>
1275        </div>
1276    </a>
1277</div></div>
1278            
1279             
1280            
1281            
1282            
1283       
1284        
1285            
1286            
1287            
1288            
1289            
1290            
1291                <div class=""><div class="w-full h-96 relative font-brand overflow-hidden">
1292    <a href="https://qstura.cat/ca/cursos-per-a-joves" class="flex cursor-pointer group">
1293        
1294
1295        
1296            <picture>
1297    
1298        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Costura-Cosir-Coser-Curs-Curso-Joves-Jovenes-Casal-Campus-Nadal-Navidad-001_1400_jK9QOvCcUK.webp" type="image/webp">
1299    
1300    
1301    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Costura-Cosir-Coser-Curs-Curso-Joves-Jovenes-Casal-Campus-Nadal-Navidad-001_1400_jK9QOvCcUK.webp" alt="">
1302</picture>
1303        
1304        
1305        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1306        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1307            <div class="text-2xl text-white font-bold">
1308            CURSOS PER A JOVES
1309            </div>
1310            <div class="text-xl text-second-brand font-bold">
1311            De 12 a 20 anys
1312            </div>
1313        </div>
1314    </a>
1315</div></div>
1316            
1317             
1318            
1319            
1320            
1321       
1322        
1323            
1324            
1325            
1326            
1327            
1328            
1329                <div class=""><div class="w-full h-96 relative font-brand overflow-hidden">
1330    <a href="https://qstura.cat/ca/cursos-per-grups" class="flex cursor-pointer group">
1331        
1332
1333        
1334            <picture>
1335    
1336        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/30-CESC63_20250118_0409_1400_pJqAc6UZne.webp" type="image/webp">
1337    
1338    
1339    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/30-CESC63_20250118_0409_1400_pJqAc6UZne.webp" alt="">
1340</picture>
1341        
1342        
1343        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1344        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1345            <div class="text-2xl text-white font-bold">
1346            EXPERIÈNCIES QSTURA EN GRUP
1347            </div>
1348            <div class="text-xl text-second-brand font-bold">
1349            Comparteix una experiència creativa
1350            </div>
1351        </div>
1352    </a>
1353</div></div>
1354            
1355             
1356            
1357            
1358            
1359       
1360        
1361            
1362            
1363            
1364            
1365            
1366            
1367                <div class=""><div class="w-full h-96 relative font-brand overflow-hidden">
1368    <a href="https://qstura.cat/ca/festes-daniversari" class="flex cursor-pointer group">
1369        
1370
1371        
1372            <picture>
1373    
1374        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Costura-Curs-Curso-Formacio-Formacion-Aniversari-Cumpleanos-Celebracio-Celebracion-Moda-002_1400_5iZE8uHHG7.webp" type="image/webp">
1375    
1376    
1377    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Costura-Curs-Curso-Formacio-Formacion-Aniversari-Cumpleanos-Celebracio-Celebracion-Moda-002_1400_5iZE8uHHG7.webp" alt="">
1378</picture>
1379        
1380        
1381        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1382        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1383            <div class="text-2xl text-white font-bold">
1384            FESTES D'ANIVERSARI
1385            </div>
1386            <div class="text-xl text-second-brand font-bold">
1387            Celebra el teu aniversari a Qstura
1388            </div>
1389        </div>
1390    </a>
1391</div></div>
1392            
1393             
1394            
1395            
1396            
1397       
1398        
1399            
1400            
1401            
1402            
1403            
1404            
1405                <div class=""><div class="w-full h-96 relative font-brand overflow-hidden">
1406    <a href="https://qstura.cat/ca/cursos-online" class="flex cursor-pointer group">
1407        
1408
1409        
1410            <picture>
1411    
1412        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Patroneo-Key-002_1400_wUEAAEsaki.webp" type="image/webp">
1413    
1414    
1415    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/Qstura-Girona-Patronatge-Patronaje-Costura-Cosir-Coser-Curs-Curso-Formacio-Formacion-Patroneo-Key-002_1400_wUEAAEsaki.webp" alt="">
1416</picture>
1417        
1418        
1419        <div class="absolute z-11 bottom-0 left-0 top-0 opacity-0 transition-opacity group-hover:opacity-100 bg-brand/90 w-full mix-blend-multiply"></div>
1420        <div class="absolute z-12 bottom-0 left-0 p-5 bg-black/50 w-full">
1421            <div class="text-2xl text-white font-bold">
1422            CURSOS ON-LINE
1423            </div>
1424            <div class="text-xl text-second-brand font-bold">
1425            Formació on vulguis i quan vulguis
1426            </div>
1427        </div>
1428    </a>
1429</div></div>
1430            
1431             
1432            
1433                </div>
1434            
1435            
1436            
1437       
1438        
1439        </div>
1440    
1441    </div>
1442
1443    <div class="h-2"></div>
1444    
1445    <div class="p-5 bg-brand">
1446    <div class="mx-auto max-w-7xl">
1447        <div class="font-bold text-2xl flex flex-col lg:flex-row items-center gap-5">
1448            <div class="w-full flex-grow">
1449                <button command="show-modal" commandfor="dialog" type="button" class="w-full cursor-pointer flex flex-col lg:flex-row items-center justify-center gap-1 md:gap-5 transition-opacity hover:opacity-65">
1450                    <div class="text-second-brand font-brand">VOLS SABER LES ÚLTIMES NOVETATS?</div> <div class="text-white">Subscriu-te a la newsletter</div>
1451                </button>
1452            </div>
1453            
1454        </div>
1455    </div>
1456</div>
1457
1458    
1459    <div class="p-5"></div>
1460    <div class="animation-to-add mx-auto max-w-3xl px-10">
1461        <div class="text-3xl text-center font-brand font-bold">La teva escola de costura</div>
1462        <div class="text-lg font-sans text-center pt-2"><p><span style="color: rgb(0, 0, 0);">El </span>sector<span style="color: rgb(0, 0, 0);"> del tèxtil ha estat sempre un motor econòmic de gran tradició a Catalunya. Està en plena demanda i, amb l’esperit emprenedor que ens caracteritza, tenim com a objectiu explicar que la moda i el tèxtil poden ser sostenibles, ètics i inclusius per a tothom, totes les talles i edats, i ho fem en aquests àmbits:</span></p></div>
1463    </div>
1464
1465    
1466    <div class="mx-auto max-w-7xl">
1467        
1468        
1469        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-x-2 gap-y-8 lg:gap-10 px-20 lg:p-0">
1470            
1471                <a href="https://qstura.cat/ca/escola" class="flex flex-col w-full cursor-pointer hover:transform hover:scale-105 transition-transform duration-300">
1472                    <div class="flex flex-col w-full aspect-5/5 relative">
1473                    <picture>
1474    
1475        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 1919px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-formacio-formacion_1920_9lXMcvACpo.webp" type="image/webp">
1476    
1477        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 1399px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-formacio-formacion_1400_CglOLxLu_S.webp" type="image/webp">
1478    
1479        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 999px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-formacio-formacion_1400_b1r5hYw8iC.webp" type="image/webp">
1480    
1481        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 599px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-formacio-formacion_1000_4rIzdGK5ie.webp" type="image/webp">
1482    
1483        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 400px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-formacio-formacion_600_NwAcFaEF89.webp" type="image/webp">
1484    
1485        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-formacio-formacion_400_TPgl5uzWwv.webp" type="image/webp">
1486    
1487    
1488    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-formacio-formacion_1920_9lXMcvACpo.webp" alt="">
1489</picture>
1490                    </div>
1491                    <div class="text-2xl text-brand text-center font-brand font-bold pt-2">Escola</div>
1492                </a>
1493            
1494            
1495                <a href="https://qstura.cat/ca/empreses" class="flex flex-col w-full cursor-pointer hover:transform hover:scale-105 transition-transform duration-300">
1496                    <div class="flex flex-col w-full aspect-5/5 relative">
1497                    <picture>
1498    
1499        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 1919px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-empresa-empreses-empresas-laboral_1920_ZMeYdxXQSx.webp" type="image/webp">
1500    
1501        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 1399px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-empresa-empreses-empresas-laboral_1400_YE4PVhnXia.webp" type="image/webp">
1502    
1503        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 999px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-empresa-empreses-empresas-laboral_1400_nD-a6OyvoL.webp" type="image/webp">
1504    
1505        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 599px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-empresa-empreses-empresas-laboral_1000_xJ394DkHLW.webp" type="image/webp">
1506    
1507        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 400px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-empresa-empreses-empresas-laboral_600_1LqFe2PEUp.webp" type="image/webp">
1508    
1509        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-empresa-empreses-empresas-laboral_400_WIpJDOFblO.webp" type="image/webp">
1510    
1511    
1512    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-empresa-empreses-empresas-laboral_1920_ZMeYdxXQSx.webp" alt="">
1513</picture>
1514                    </div>
1515                    <div class="text-2xl text-brand text-center 
1515font-brand font-bold pt-2">Empreses</div>
1516                </a>
1517            
1518            
1519                <a href="https://qstura.cat/ca/social" class="flex flex-col w-full cursor-pointer hover:transform hover:scale-105 transition-transform duration-300">
1520                    <div class="flex flex-col w-full aspect-5/5 relative">
1521                    <picture>
1522    
1523        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 1919px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-social_1920_cQC_M2QmP6.webp" type="image/webp">
1524    
1525        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 1399px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-social_1400_sp_AWGSyU3.webp" type="image/webp">
1526    
1527        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 999px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-social_1400_OTB12bEBn2.webp" type="image/webp">
1528    
1529        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 599px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-social_1000_Bu7bPschbX.webp" type="image/webp">
1530    
1531        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 400px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-social_600_iX4myQF8sY.webp" type="image/webp">
1532    
1533        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-social_400_JG6E7O1t7U.webp" type="image/webp">
1534    
1535    
1536    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-social_1920_cQC_M2QmP6.webp" alt="">
1537</picture>
1538                    </div>
1539                    <div class="text-2xl text-brand text-center font-brand font-bold pt-2">Social</div>
1540                </a>
1541            
1542            
1543                <a href="https://qstura.cat/ca/esdeveniments" class="flex flex-col w-full cursor-pointer hover:transform hover:scale-105 transition-transform duration-300">
1544                    <div class="flex flex-col w-full aspect-5/5 relative">
1545                    <picture>
1546    
1547        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 1919px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-esdeveniment-esdeveniments-eventos-events-desfilada-desfilades_1920_RFUlvaEQ0X.webp" type="image/webp">
1548    
1549        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 1399px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-esdeveniment-esdeveniments-eventos-events-desfilada-desfilades_1400_xbPQk86ZkE.webp" type="image/webp">
1550    
1551        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 999px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-esdeveniment-esdeveniments-eventos-events-desfilada-desfilades_1400_KVkZDG1Bip.webp" type="image/webp">
1552    
1553        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 599px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-esdeveniment-esdeveniments-eventos-events-desfilada-desfilades_1000_a3WPsuMONx.webp" type="image/webp">
1554    
1555        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 400px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-esdeveniment-esdeveniments-eventos-events-desfilada-desfilades_600_g5ryYjvNSY.webp" type="image/webp">
1556    
1557        <source loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" media="(min-width: 0px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-esdeveniment-esdeveniments-eventos-events-desfilada-desfilades_400_PuO994RZUu.webp" type="image/webp">
1558    
1559    
1560    <img loading="lazy" class="absolute inset-0 z-10 w-full h-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-girona-cosir-coser-costura-escola-escuela-esdeveniment-esdeveniments-eventos-events-desfilada-desfilades_1920_RFUlvaEQ0X.webp" alt="">
1561</picture>
1562                    </div>
1563                    <div class="text-2xl text-brand text-center font-brand font-bold pt-2">Esdeveniments</div>
1564                </a>
1565            
1566            
1567        </div>
1568
1569        
1570        <a href="https://qstura.cat/ca/silvia-castello" class="flex flex-col w-full cursor-pointer relative mt-2
15700">
1571            <div class="flex flex-col w-full relative parallax">
1572            <picture>
1573    
1574        <source loading="lazy" class="aspect-5/4 md:aspect-5/2 inset-0 z-10 w-full object-cover" media="(min-width: 999px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-online-desperta-maquina-despierta-curso-curs-formacio-capcalera_1400_GD7Y0LoVam.webp" type="image/webp">
1575    
1576        <source loading="lazy" class="aspect-5/4 md:aspect-5/2 inset-0 z-10 w-full object-cover" media="(min-width: 599px)" srcset="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-online-desperta-maquina-despierta-curso-curs-formacio-capcalera_1000_2WWc6VANYw.webp" type="image/webp">
1577    
1578    
1579    <img loading="lazy" class="aspect-5/4 md:aspect-5/2 inset-0 z-10 w-full object-cover" src="https://assets.qstura.cat/web/WTHLjzcD_SsyViG2m3jM/qstura-online-desperta-maquina-despierta-curso-curs-formacio-capcalera_1400_GD7Y0LoVam.webp" alt="">
1580</picture>
1581            </div>
1582            <div class="top-0 absolute p-10 md:p-20">
1583                <div class="text-2xl text-second-brand font-brand font-bold">Coneix la nostra directora</div>
1584                <div class="text-3xl text-brand font-brand font-bold">Sílvia Castelló</div>
1585            </div>
1586        </a>
1587
1588        
1589        <div class="flex flex-col w-full cursor-pointer relative p-10">
1590            <div class="flex flex-col md:flex-row w-full relative items-center justify-center gap-2 md:gap-5">
1591               <img src="https://assets.qstura.cat/static/web/logo-GerberTechnology-def_black-red.jpeg" class="w-64" alt="">
1592               <div class="text-2xl text-brand text-center md:text-left font-brand font-bold">Centre oficial certificat GERBER</div>
1593            </div>
1594        </div>
1595
1596        
1597        <div class=" w-full p-2">
1598            <div class="relative aspect-video">
1599                <iframe
1600                    loading="lazy"
1601                    class="absolute top-0 left-0 w-full h-full"
1602                    src="https://www.youtube.com/embed/9svY-xj-YPA?si=OWRuHtmwhz2cjttb&showinfo=0&rel=0&controls=0&modestbranding=1&playsinline=1"
1603                    title="YouTube video player"
1604                    frameborder="0"
1605                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1606                    allowfullscreen>
1607                </iframe>
1608            </div>
1609        </div>
1610        
1611        
1612        <div class="flex flex-col md:flex-row items-center justify-around pb-10">
1613            <div class="flex flex-col max-md:text-center md:flex-row items-center gap-2 py-10">
1614                <div class="icon">
1615                    <svg class="size-20" viewBox="0 0 514 404" fill="none" xmlns="https://www.w3.org/2000/svg">
1616                    <path d="M190.49 69.0099C190.49 69.0099 186.58 9.31995 255.04 9.31995C305.34 9.31995 315.68 47.6799 315.68 69.0099C315.68 118.62 253.2 115.64 253.2 147.39V179.5M253.2 179.5C253.2 179.5 422.7 274.51 464.35 294.91C523.22 323.76 519 394.67 444.62 394.67H59.4297C12.4797 394.67 -18.8103 328.16 45.7397 289.04C110.29 249.92 253.2 179.5 253.2 179.5Z" stroke="#3EDBC9" stroke-width="16.95" stroke-linecap="round" stroke-linejoin="round"/>
1617                    </svg>
1618                </div>
1619                <div class="max-md:px-5">
1620                    <div class="text-2xl text-brand font-brand font-bold">+ de <count-up>8000</count-up> alumnes</div>
1621                    <div class="text-xl text-brand font-brand font-light">ja s'han format amb nosaltres</div>
1622                </div>
1623            </div>
1624            <div class="flex flex-col max-md:text-center md:flex-row items-center gap-2">
1625                <div class="icon">
1626                    <svg class="size-20" viewBox="0 0 412 412" fill="none" xmlns="https://www.w3.org/2000/svg">
1627                    <path d="M170.97 0.280029C240.26 5.32003 289.26 32.15 322.6 86.28C340.51 115.37 346.89 146.96 347.29 180.69C347.54 201.78 342.66 221.1 334.02 239.88C332.01 244.24 330.24 248.07 337.62 248.76C358.41 250.71 377.49 260.3 390.57 274.27C404.81 289.48 415.17 309.86 410.23 333.43C403.95 363.36 386.69 383.23 358.75 396.28C341.81 404.19 324.33 408.3
16271 306.56 410.68C290.84 412.78 274.54 411.22 258.54 410.46C226.17 408.92 195.79 400.24 165.83 387.51C126.44 370.78 86.0796 369.79 46.9196 390.33C35.8996 396.11 25.1196 402.39 13.8496 407.62C10.6696 409.1 6.1396 407.68 2.2296 407.6C3.2196 404.49 3.48959 400.84 5.33959 398.37C15.1696 385.25 31.2196 381.62 44.7896 374.93C67.9596 363.51 94.0796 361.89 119.45 361.53C131.98 361.35 144.72 367.13 157.14 370.95C181.97 378.59 206.22 388.63 231.48 394.23C268.87 402.51 306.65 400.79 343.27 388.49C366.22 380.78 386.11 368.21 394.87 344.21C409.52 304.06 370.49 256.66 327.46 261.87C324.91 262.18 322 264.8 320.42 267.14C282.32 323.44 229.42 349.38 161.48 347.68C134.15 347 110.78 336.76 87.5496 324.96C76.2296 319.21 64.2796 313.22 55.4396 304.47C44.9396 294.09 35.9096 281.44 29.0996 268.3C19.1496 249.11 8.8896 229.28 3.9996 208.49C-1.7204 184.18 0.0895996 158.96 6.1496 133.89C20.5296 74.5 58.9196 36.02 112.44 12.36C132.11 3.66003 155.46 3.29003 170.99 0.300034L170.97 0.280029ZM57.3496 277.85C56.1696 277.62 54.9896 277.4 53.8196 277.17C53.9596 278.23 54.0896 279.29 54.2296 280.35C90.9796 321.68 136.97 339.98 191.92 334.28C233.81 329.94 268.44 310.85 295.96 279.08C299.78 274.67 302.18 269.04 305.24 263.97C298.69 265.52 291.35 265.67 285.72 268.85C255.76 285.77 223.86 297.57 189.82 300.91C143.87 305.42 99.2896 298.23 57.3496 277.83V277.85ZM264.97 254.1C278.09 252.93 291.2 251.77 304.32 250.6C313.76 249.76 319.99 245.64 322.98 235.85C324.89 229.59 324.11 228.6 317.81 228.63C303.55 228.69 289.17 228.94 275.04 227.31C238.91 223.15 205.41 211.28 174.65 191.46C143.69 171.51 116.93 147.43 99.3896 114.76C89.5696 96.47 82.1496 76.9 73.4196 58.01C72.4896 56 69.4996 53 68.3296 53.34C56.0396 57 44.0796 79.97 47.8096 92.21C62.1496 139.35 90.1996 177.57 128.91 206.71C168.66 236.63 213.98 254.06 264.97 254.09V254.1ZM304.48 217.01C306.68 217.01 308.88 217.07 311.07 217.01C328.68 216.46 328.24 216.34 332.57 199.73C334.05 194.06 332.36 194.12 327.91 193.36C308.99 190.09 289.65 187.95 271.38 182.37C200.34 160.67 149.14 116.02 119.24 47.47C108.72 23.36 114.73 23.82 88.8496 38.21C81.6696 42.2 81.1896 48.27 83.2196 53.95C96.9696 92.48 116.21 127.12 147.48 155.19C192.5 195.6 244.35 216.21 304.47 217.02L304.48 217.01ZM258.45 268.56C234.7 262.91 211.39 257.31 188.04 251.87C183.83 250.89 179.41 249.81 175.18 250.1C123.84 253.57 76.3796 241.29 32.1696 215.44C27.1396 212.5 22.0096 209.71 16.9296 206.85C18.4196 212.73 19.5696 218.72 21.4496 224.48C25.3796 236.5 29.0296 248.67 41.3096 255.6C76.2696 275.31 113.33 288.15 153.71 289.56C190.29 290.84 225.37 284.13 258.44 268.56H258.45ZM266.15 44.35C235.2 47.82 207.52 56.68 181.33 70.45C152.56 85.59 151.96 89.2 176.25 111.17C178.37 113.08 183.87 114 186.1 112.62C219.32 92.2 255.31 80.35 294.04 76.72C300.73 76.09 299.49 73.31 296.27 70.14C288.2 62.2 279.98 54.4 271.59 46.8C269.87 45.24 267.14 44.78 266.15 44.35ZM305.03 87.19C291.33 89.23 280.87 90.48 270.53 92.39C243.97 97.3 219.32 107.29 196.36 121.39C194.85 122.32 193.86 127.62 194.64 128.21C203.68 135.02 212.97 141.55 222.58 147.55C224.4 148.68 228.26 147.92 230.52 146.76C253.44 135.01 277.75 127.69 303.02 123.12C310.14 121.83 317.12 119.7 324.16 117.95C320.91 110.61 318.22 102.95 314.19 96.07C311.85 92.08 307.34 89.35 305.04 87.2L305.03 87.19ZM176.66 12C161.93 14.49 147.21 17.1 132.45 19.42C122.68 20.96 121.51 25.82 125.76 33.9C131.87 45.5 137.77 57.22 143.4 69.06C146.66 75.92 150.02 75.62 155.91 71.61C181.93 53.9 210.6 42.23 241.36 35.59C243.55 35.12 245.57 33.8 247.66 32.88C245.67 31.44 243.85 29.66 241.68 28.62C221.22 18.79 199.52 14.2 176.66 12.01V12ZM152.67 238.01C139.01 227.99 127.27 219.48 115.64 210.82C107.82 205 100.94 197.2 92.2796 193.38C68.1696 182.75 42.5396 175.5 20.7196 159.87C18.8996 158.57 14.5096 158.34 12.9996 159.62C9.3596 162.69 12.9496 187.12 17.4596 189.81C35.7196 200.72 53.5496 212.66 72.7696 221.57C97.2896 232.94 123.88 237.15 152.67 238.02V238.01ZM334.16 165.13C333.14 156.93 332.7 148.59 330.78 140.61C330.14 137.96 325.75 134.4 323.03 134.36C294.47 133.96 268.34 143.9 242.43 154.43C241.29 154.9 240.57 156.43 239.66 157.47C240.77 158.36 241.74 159.74 243 160.07C267.92 166.62 292.71 173.83 317.88 179.21C333.2 182.49 333.48 181.21 334.17 165.14L334.16 165.13ZM33.2996 94.44C27.9696 108.01 22.5596 120.99 17.9196 134.25C17.0096 136.86 17.9796 141.91 19.9496 143.48C36.5196 156.66 55.1196 166.15 74.3996 172.83C60.8096 146.9 47.2996 121.13 33.2996 94.45V94.44Z" fill="#3EDBC9"/>
1628                    </svg>
1629
1630                </div>
1631                <div class="max-md:px-5">
1632                    <div class="text-2xl text-brand font-brand font-bold">+ de  <count-up>16</count-up>  anys</div>
1633                    <div class="text-xl text-brand font-brand font-light">ensenyant costura</div>
1634                </div>
1635            </div>
1636        </div>
1637    </div>
1638
1639
1640    <div class="bg-brand">
1641        <div class="animation-to-add mx-auto max-w-7xl">
1642            <div class="text-2xl text-center text-white font-brand font-bold p-10">Persones que ja han enfilat les seves vides:</div>
1643            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-2 gap-y-8 lg:gap-10 p-2 lg:p-0">
1644                
1645                    <div class="flex flex-col">
1646                        <div class="relative w-full aspect-6/11">
1647                            <iframe
1648                                loading="lazy"
1649                                class="absolute top-0 left-0 w-full h-full"
1650                                src="https://www.youtube.com/embed/3DDZs5nWrfk?si=MvtNQ16kcTx5k8hq&showinfo=0&rel=0&controls=0&modestbranding=1&playsinline=1"
1651                                title="YouTube video player"
1652                                frameborder="0"
1653                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1654                                allowfullscreen>
1655                            </iframe>
1656                        </div>
1657                        <div class="text-2xl text-white font-brand font-bold pt-2">Sanata</div>
1658                        <div class="text-xl text-white font-brand font-bold">Qstura i patronatge</div>
1659                    </div>
1660                
1661                    <div class="flex flex-col">
1662                        <div class="relative w-full aspect-6/11">
1663                            <iframe
1664                                loading="lazy"
1665                                class="absolute top-0 left-0 w-full h-full"
1666                                src="https://www.youtube.com/embed/FdTQxwTQeao?si=7lXkr56X7Pc4eFci&showinfo=0&rel=0&controls=0&modestbranding=1&playsinline=1"
1667                                title="YouTube video player"
1668                                frameborder="0"
1669                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1670                                allowfullscreen>
1671                            </iframe>
1672                        </div>
1673                        <div class="text-2xl text-white font-brand font-bold pt-2">Paula</div>
1674                        <div class="text-xl text-white font-brand font-bold">Curs joves</div>
1675                    </div>
1676                
1677                    <div class="flex flex-col">
1678                        <div class="relative w-full aspect-6/11">
1679                            <iframe
1680                                loading="lazy"
1681                                class="absolute top-0 left-0 w-full h-full"
1682                                src="https://www.youtube.com/embed/UWZIGoveV3k?si=TTWytW7XNZkwCwx3&showinfo=0&rel=0&controls=0&modestbranding=1&playsinline=1"
1683                                title="YouTube video player"
1684                                frameborder="0"
1685                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1686                                allowfullscreen>
1687                            </iframe>
1688                        </div>
1689                        <div class="text-2xl text-white font-brand font-bold pt-2">Xavier Mancho</div>
1690                        <div class="text-xl text-white font-brand font-bold">Diploma en moda i tèxtil</div>
1691                    </div>
1692                
1693            </div>
1694        </div>
1695        <div class="p-5"></div>
1696    </div>
1697
1698    <div clsas="flex flex-col w-full cursor-pointer relative">
1699        <div class="flex flex-col md:flex-row w-full relative items-center justify-center gap-2 md:gap-5 p-10">
1700            <a class="py-5 px-8 inline-flex bg-brand font-brand font-bold text-white self
1700-center items-center gap-3" target="_blank" rel="nofollow noopener" href="https://www.instagram.com/qstura">
1701                <svg class="size-5" fill="currentColor" viewBox="0 0 448 512" xmlns="https://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> Instagram
1702            </a>
1703        </div>
1704    </div>
1705
1706    
1707
1708
1709    
1710   
1711
1712    
1713    <div class="fixed bottom-18 right-5 z-99">
1714        <div class="cart-icon-mobile flex justify-center items-center bg-white px-2.5 md:px-3 py-2.5 gap-2 text-white font-bold rounded-md shadow-lg cursor-pointer">
1715            <span class="menu_list_item_link">
1716            <svg xmlns="https://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM246-720l96 200h280l110-200H246Zm-38-80h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-2-78.5l54-98-144-304H40v-80h130l38 80Zm134 280h280-280Z"/></svg>
1717        </span>
1718        
1719        </div>
1720    </div>
1721    
1722
1723<el-dialog>
1724    <dialog id="dialog" class="fixed inset-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent backdrop:bg-transparent">
1725    <el-dialog-backdrop class="fixed inset-0 bg-gray-900/75 transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"></el-dialog-backdrop>
1726    <div class="flex min-h-full items-end justify-center p-4 text-center focus:outline-none sm:items-center sm:p-0">
1727        <el-dialog-panel class="relative transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all data-closed:translate-y-4 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:my-8 sm:w-full sm:max-w-sm sm:p-6 data-closed:sm:translate-y-0 data-closed:sm:scale-95">
1728            <div tabindex="0" class="w-full mx-auto max-w-4xl bg-gray-200 p-5 text-left">
1729                <div class="text-3xl font-brand font-bold text-brand">Newsletter</div>
1730                <div class="text-xl font-brand font-bold leading-5 pb-10 text-second-brand">Subscriu-te per estar a l'última</div>
1731                
1732                <form newsletter-selector id="newsletter" name="newsletter" class="lg:flex-auto">
1733                    <div>
1734                        <label for="name" class="block text-gray-900">Nom i cognoms:</label>
1735                        <div class="md:mt-1.5 bg-white">
1736                            <input required type="text" name="name" id="name" autocomplete="given-name" class="block w-full border-0 px-3.5 py-2 text-gray-900 placeholder:text-gray-400 focus-visible:outline-purple-brand sm:text-sm/6">
1737                        </div>
1738                    </div>
1739                    <div class="mt-3">
1740                        <label for="email" class="block text-gray-900 max-md:mt-3">Mail:</label>
1741                        <div class="md:mt-1.5 bg-white">
1742                            <input required type="email" name="email" id="email" autocomplete="given-email" class="block w-full border-0 px-3.5 py-2 text-gray-900 placeholder:text-gray-400 focus-visible:outline-purple-brand sm:text-sm/6">
1743                        </div>
1744                    </div>
1745                    <div class="mt-5">
1746                        <div class="p-3 text-xs text-gray-400 border border-gray-300 rounded-sm">Responsable: Qstura. Finalitat: Donar resposta a les consultes. Legitimació: Consentiment de l'interessat. Destinataris: No se cediràn dades a tercers, excepte obligació legal. Drets: Teniu dret a accedir, rectificar i suprimir les dades, així com altres drets, com s'explica a la informació addicional. Informació addicional: Podeu consultar la 
1746informació addicional i detallada sobre Protecció de Dades Personals a l'Avís Legal i Política de privacitat.</div>
1747                    </div>
1748                    <div class="flex gap-x-4 sm:col-span-2 mt-4" mother>
1749                        <div class="flex h-6 items-center">
1750                            <!-- Enabled: "bg-indigo-600", Not Enabled: "bg-gray-200" -->
1751                            <button polcies-button type="button" class="bg-gray-300 flex w-8 flex-none cursor-pointer p-px ring-1 ring-inset ring-gray-900/5 transition-colors duration-200 ease-in-out focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" role="switch" aria-checked="false" aria-labelledby="switch-1-label">
1752                                <!-- Enabled: "translate-x-3.5", Not Enabled: "translate-x-0" -->
1753                                <span polcies-dot aria-hidden="true" class="translate-x-0 h-4 w-4 transform bg-white shadow-sm ring-1 ring-gray-900/5 transition duration-200 ease-in-out"></span>
1754                                <input type="hidden" name="policy" required>
1755                            </button>
1756                        </div>
1757                        <label class="text-sm leading-5 text-gray-600" id="switch-1-label">
1758                            He llegit i accepto les condicions de <a class="text-brand font-bold" href="https://qstura.cat/ca/nota-legal">Avís legal</a> i <a class="text-brand font-bold" href="https://qstura.cat/ca/politica-de-privacitat">Política de privacitat</a>
1759                        </label>
1760                    </div>
1761                    <div class="flex gap-x-4 sm:col-span-2 mt-4" mother>
1762                        <div class="flex h-6 items-center">
1763                            <button polcies-button type="button" class="bg-gray-300 flex w-8 flex-none cursor-pointer p-px ring-1 ring-inset ring-gray-900/5 transition-colors duration-200 ease-in-out focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" role="switch" aria-checked="false" aria-labelledby="switch-1-label">
1764                                <!-- Enabled: "translate-x-3.5", Not Enabled: "translate-x-0" -->
1765                                <span polcies-dot aria-hidden="true" class="translate-x-0 h-4 w-4 transform bg-white shadow-sm ring-1 ring-gray-900/5 transition duration-200 ease-in-out"></span>
1766                                <input type="hidden" name="marketing" required>
1767                            </button>
1768                        </div>
1769                        <label class="text-sm leading-5 text-gray-600" id="switch-2-label">
1770                            Dono el meu consentiment exprés per rebre newsletters de GRUP QSTURA 2017, S.L., per correu electrònic i altres mitjans electrònics o postals, tal com estableix la Llei LSSI/CE 4/2002. Si posteriorment no desitgés continuar rebent les nostres comunicacions comercials i/o newsletters, vostè podrà revocar el consentiment enviant un mail [email protected] amb la paraula BAIXA.
1771                        </label>
1772                    </div>
1773                    <div class="mt-10 flex justify-end">
1774                        <button type="submit" class="w-auto inline-flex rounded-full text-md bg-brand transition-colors cursor-pointer hover:bg-black italic text-white py-2 px-6 mx-auto">
1775                            <div class="text">Enviar</div>
1776                            <div class="loadding"></div>
1777                        </button>
1778                    </div>
1779                </form>
1780            </div>
1781        </el-dialog-panel>
1782    </div>
1783</dialog>
1784</el-dialog>
1785
1786<img loading="lazy" class="mx-auto p-10 md:w-[800px]" src="https://assets.qstura.cat/static/web/kit-digital-red-esnext-generation-web.png" alt="">
1787
1788
1789<div class="p-5 bg-brand">
1790    <div class="mx-auto max-w-7xl">
1791        <div class="font-bold text-2xl flex flex-col lg:flex-row items-center gap-5">
1792            <div class="w-full flex-grow">
1793                <button command="show-modal" commandfor="dialog" type="button" class="w-full cursor-pointer flex flex-col lg:flex-row items-center justify-center gap-1 md:gap-5 transition-opacity hover:opacity-65">
1794                    <div class="text-second-brand font-brand">VOLS SABER LES ÚLTIMES NOVETATS?</div> <div class="text-white">Subscriu-te a la newsletter</div>
1795                </button>
1796            </div>
1797            
1798        </div>
1799    </div>
1800</div>
1801<div class="bg-brand/40 h-[1px] w-full"></div>
1802<div class="fixed bottom-5 right-5 z-99">
1803    <a aria-label="Link Parla amb l'escola" target="_blank" href="https://api.whatsapp.com/se
1803nd/?phone=34633639012&text&type=phone_number&app_absent=0" class="flex justify-center items-center bg-[#25d366] px-2 md:px-3 py-2 gap-2 text-white font-bold rounded-md">
1804        <div class="size-7">
1805        <svg viewBox="0 0 1219.547 1225.016">
1806    <path style="fill: #E0E0E0;" fill="#E0E0E0" d="M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z"></path>
1807    <linearGradient id="htwaicona-chat" gradientUnits="userSpaceOnUse" x1="609.77" y1="1190.114" x2="609.77" y2="21.084">
1808        <stop id="s3_1_offset_1" offset="0" stop-color="#25D366"></stop>
1809        <stop id="s3_1_offset_2" offset="1" stop-color="#25D366"></stop>
1810    </linearGradient>
1811    <path style="fill: url(#htwaicona-chat);" fill="url(#htwaicona-chat)" d="M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z"></path>
1812    <image overflow="visible" opacity=".08" width="682" height="639" transform="translate(270.984 291.372)"></image>
1813    <path fill-rule="evenodd" clip-rule="evenodd" style="fill: #FFF;" fill="#FFF" d="M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z"></path>
1814    <path style="fill: #FFFFFF;" fill="#FFF" d="M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z"></path>
1815</svg> 
1816        </div>
1817        <div class="max-md:hidden">
1818        Parla amb l'escola
1819        </div>
1820    </a>
1821</div>
1822
1823<div class="bg-brand">
1824    <footer class="max-w-7xl mx-auto">
1825        <div class="flex flex-col lg:flex-row justify-between items-center p-5 xl:px-0 gap-y-5">
1826            <div>
1827                
1828                
1829                <a class="text-white" aria-label="Home" href="/">
1830                    <svg width="144" height="38" viewBox="0 0 144 38" fill="none" xmlns="https://www.w3.org/2000/svg">
1831<path d="M60.8264 28.7396C60.8264 33.3235 57.5694 37.1233 50.7237 37.1233C45.6574 37.1233 41.3751 35.0726 40.3799 31.2427L44.8733 29.7047C45.2955 31.0316 46.6525 32.841 50.8142 32.841C54.1616 32.841 56.0615 31.4839 56.0615 29.192C56.0615 26.2065 51.7491 26.2065 48.1906 25.3922C43.3654 24.3367 41.2846 21.9845 41.2846 18.1847C41.2846 13.4802 45.205 10.1328 50.7841 10.1328C54.9457 10.
18311328 58.6249 12.2437 59.5598 16.0737L55.2473 17.2197C54.7648 15.8023 53.2569 14.2944 50.3619 14.2944C47.4668 14.2944 45.9589 15.7118 45.9589 17.853C45.9589 20.7179 49.5175 20.929 52.4427 21.5321C58.7455 22.859 60.8264 24.8795 60.8264 28.7396Z" fill="currentColor"/>
1832<path d="M70.7182 15.1389V26.4176C70.7182 30.0666 70.7785 32.5093 74.7894 32.5093C75.4145 32.5062 76.0388 32.4659 76.6591 32.3887V36.4599C75.8465 36.6331 75.017 36.7141 74.1862 36.7011C68.6072 36.7011 66.1041 33.7156 66.1041 28.0762V15.1389H62.0933V10.7359H66.1041V5.36797L70.7182 3.46808V10.7359H76.6591V15.1389H70.7182Z" fill="currentColor"/>
1833<path d="M102.745 10.7359V36.4599H98.1309V32.9014C97.2824 34.2266 96.107 35.3112 94.7179 36.0506C93.3289 36.79 91.7728 37.1595 90.1996 37.1233C84.4095 37.1233 80.3081 32.2982 80.3081 26.8699V10.7359H84.9221V25.5129C84.9221 29.1619 86.4601 32.6903 91.2853 32.6903C96.1104 32.6903 98.1309 28.5286 98.1309 25.5129V10.7359H102.745Z" fill="currentColor"/>
1834<path d="M120.326 11.0073V15.6515C112.968 15.6515 111.761 20.8084 111.761 25.5129V36.4599H107.147V10.7359H111.761V14.3246C113.149 11.701 118.788 11.0073 120.326 11.0073Z" fill="currentColor"/>
1835<path d="M144 20.929V36.4598H139.386V32.9013C138.24 34.8917 135.043 37.1233 130.972 37.1233C126.117 37.1233 121.834 34.1679 121.834 29.5539C121.834 21.502 131.636 21.2909 135.224 21.2909H139.386C139.386 17.3704 138.572 14.3246 133.264 14.3246C130.58 14.3246 127.715 15.7118 126.599 16.6165L123.372 14.1436C126.207 11.5501 130.098 10.1328 134.169 10.1328C141.587 10.1328 144 14.8071 144 20.929ZM139.386 24.8795H137.607C132.842 24.8795 126.599 24.8494 126.599 29.3428C126.599 31.3332 127.866 33.3537 131.997 33.3537C136.129 33.3537 139.084 30.2777 139.386 29.1015V24.8795Z" fill="currentColor"/>
1836<path d="M18.6974 37.3947C14.9994 37.3947 11.3844 36.2982 8.30968 34.2437C5.23491 32.1892 2.83842 29.269 1.42326 25.8525C0.00810126 22.436 -0.362169 18.6766 0.359273 15.0497C1.08072 11.4228 2.86147 8.09121 5.47634 5.47634C8.09121 2.86147 11.4228 1.08072 15.0497 0.359273C18.6766 -0.362169 22.4361 0.00810126 25.8525 1.42326C29.269 2.83842 32.1892 5.23491 34.2437 8.30967C36.2982 11.3844 37.3947 14.9994 37.3947 18.6974C37.3947 23.6562 35.4248 28.412 31.9184 31.9184C28.412 35.4248 23.6562 37.3947 18.6974 37.3947ZM18.6974 4.22199C15.8344 4.22199 13.0357 5.07096 10.6553 6.66154C8.27482 8.25211 6.41947 10.5129 5.32387 13.1579C4.22826 15.8029 3.9416 18.7134 4.50014 21.5214C5.05867 24.3293 6.43732 26.9086 8.46174 28.933C10.4862 30.9574 13.0654 32.3361 15.8734 32.8946C18.6813 33.4531 21.5918 33.1665 24.2369 32.0709C26.8819 30.9753 29.1426 29.1199 30.7332 26.7395C32.3238 24.359 33.1728 21.5603 33.1728 18.6974C33.1728 14.8583 31.6477 11.1764 28.933 8.46174C26.2184 5.74708 22.5365 4.22199 18.6974 4.22199Z" fill="currentColor"/>
1837<path d="M37.1235 36.4599H31.7254L22.5576 25.4525H27.9557L37.1235 36.4599Z" fill="currentColor"/>
1838</svg>
1839
1840                </a>       
1841            </div>
1842            <div class="flex text-center md:text-left flex-col lg:items-end text-white">
1843                <div>[email protected]</div>
1844                <div>[email protected]</div>
1845                <div>Escola Qstura</div>
1846                <div>Fàbrica Gassol-Monar 17190, Salt, Girona</div>
1847                <div></div>
1848                --
1849                <div>Escola – 972 003 166</div>
1850                <div>Informació i inscripcions – 633 639 012</div>
1851                <div>Administració – 661 719 814</div>
1852                <div>Matí: de 9:00 a 13:00h</div>
1853                <div>Tarda: de 16:00 a 18:00h</div>
1854            </div>
1855        </div>
1856        <div class="flex flex-col lg:flex-row justify-center items-center p-5 xl:px-0 gap-x-5 text-white">
1857            
1858                
1859                
1860                
1861                    <a href="/ca/nota-legal" class="cursor-pointer transition-colors  ">NOTA LEGAL</a>
1862                
1863               
1864            
1865                
1866                
1867                
1868                    <a href="/ca/politica-de-privacitat" class="cursor-pointer transition-colors  ">POLÍTICA DE PRIVACITAT</a>
1869                
1870               
1871            
1872                
1873                
1874                
1875                    <a href="/ca/politica-de-cookies" class="cursor-pointer transition-colors  ">POLÍTICA DE COOKIES</a>
1876                
1877               
1878            
1879                
1880                
1881                
1882                    <a href="/ca/normativa-academica" class="cursor-pointer transition-colors  ">NORMATIVA ACADÈMICA</a>
1883                
1884               
1885            
1886                
1887                
1888                
1889                    <a href="/ca/politica-de-venta-i-devolucio" class="cursor-pointer transition-colors  ">POLÍTICA DE VENTA I DEVOLUCIÓ</a>
1890                
1891               
1892            
1893        </div>
1894        <div class="flex flex-col justify-center pt-10 pb-5">
1895            <div class="justify-center flex">
1896                <svg width="29" height="32" viewBox="0 0 29 32" fill="none" xmlns="https://www.w3.org/2000/svg">
1897                <path fill-rule="evenodd" clip-rule="evenodd" d="M14.3322 0.000925696C14.1577 0.0104544 13.9885 0.0645797 13.8409 0.158128L1.08783 7.92001C0.943028 8.00818 0.823427 8.13235 0.740827 8.28042C0.658127 8.42848 0.615228 8.59541 0.616228 8.76497C0.616228 9.09903 0.812728 9.41344 1.08783 9.59029L13.8409 17.3522C14.175 17.5487 14.568 17.5487 14.902 17.3522L27.6551 9.59029C27.7972 9.50387 27.9149 9.3828 27.9974 9.23847C28.0799 9.09412 28.1243 8.93122 28.1267 8.76497C28.1277 8.59541 28.0848 8.42848 28.0021 8.28042C27.9196 8.13235 27.7999 8.00818 27.6551 7.92001L14.902 0.158128C14.7261 0.0469169 14.5204 -0.00792946 14.3125 0.000925696H14.3322ZM3.52473 20.3591L1.08813 21.8525C0.943229 21.9407 0.82373 22.0647 0.74103 22.2129C0.65843 22.3609 0.615529 22.5279 0.616529 22.6975C0.616529 23.0315 0.813029 23.3459 1.08813 23.5228L13.8411 31.2847C14.1752 31.4812 14.5682 31.4812 14.9023 31.2847L27.6553 23.5228C27.7974 23.4363 27.9151 23.3153 27.9976 23.1708C28.0801 23.0266 28.1246 22.8637 28.1269 22.6975C28.1279 22.5279 28.0851 22.3609 28.0023 22.2129C27.9198 22.0647 27.8001 21.9407 27.6553 21.8525L25.
1897199 20.3591L15.9634 25.9987C15.4822 26.286 14.9322 26.4377 14.3717 26.4377C13.8112 26.4377 13.2612 26.286 12.78 25.9987L3.54443 20.3591H3.52473ZM1.08783 14.8962L3.52453 13.4028H3.54413L12.7798 19.0228C13.261 19.3101 13.811 19.4619 14.3715 19.4619C14.9319 19.4619 15.4819 19.3101 15.9631 19.0228L25.1988 13.4028L27.6551 14.8962C27.7972 14.9827 27.9149 15.1037 27.9974 15.2481C28.0799 15.3924 28.1243 15.5553 28.1267 15.7216C28.1243 15.8878 28.0799 16.0507 27.9974 16.1951C27.9149 16.3394 27.7972 16.4605 27.6551 16.5469L14.902 24.3284C14.568 24.525 14.175 24.525 13.8409 24.3284L1.08783 16.5469C0.812728 16.37 0.616228 16.0556 0.616228 15.7216C0.618628 15.5553 0.66313 15.3924 0.74563 15.2481C0.82813 15.1037 0.945828 14.9827 1.08783 14.8962Z" fill="url(#paint0_linear_308_71)"/>
1898                <defs>
1899                <linearGradient id="paint0_linear_308_71" x1="10.7689" y1="8.51509" x2="14.3714" y2="30.4578" gradientUnits="userSpaceOnUse">
1900                <stop stop-color="white"/>
1901                <stop offset="1" stop-color="#C65FC2"/>
1902                </linearGradient>
1903                </defs>
1904                </svg>
1905
1906            </div>
1907            <p class="block text-xs font-medium text-center leading-6 text-white"><a href="https://somplataforma.com/?referral=qstura.com" target="blank">Pàgina web: SOMPlataforma.com</a></p>
1908        </div>
1909    </footer>
1910</div>
1911    </div>
1912
1913
1914    
1915  <link nonce="bnB3z4jGF7o3JF8JUWWp" async defer href="https://assets.somplataforma.com/assets/shop/cart-dist/cart.css" rel="stylesheet" type='text/css'>
1916  <div id="cart-container" class="cart"></div>
1917  
1917<script nonce="bnB3z4jGF7o3JF8JUWWp" >
1918    let cartSettings = {
1919        literals: {"title":"Carretó","total":"Total:","items":"Productes","currency":"€","empty_title":"No hi ha productes","empty_description":"Encara no has afegit res al carretó","empty_button":"comprar","checkout":"Checkout","stock_reached":"Estoc màxim"},
1920        bucket: "https://qstura.fra1.cdn.digitaloceanspaces.com/web",
1921        lang: "ca",
1922        brandColor: "#93278f",
1923        pricesWithTax:false,
1924        assetsUrl:"https://assets.qstura.cat",
1925        checkoutUrl: '/ca/checkout',
1926        csrf: "pnuT0Kxg4jhnxQaVY8u1AJnW"
1927    }
1928  </script>
1928
1929
1930  
1931    
1931<script nonce="bnB3z4jGF7o3JF8JUWWp" type="module" async src="https://assets.somplataforma.com/assets/shop/cart/cart.js"></script>
1931
1932  
1933  
1933<script>
1934    document.addEventListener("DOMContentLoaded", () => {
1935        customElements.whenDefined('cart-element').then(() => {
1936            const container = document.getElementById('cart-container')
1937            const el = document.createElement('cart-element')
1938            el.settings = cartSettings
1939            container.appendChild(el)
1940        })
1941
1942        // customElements.whenDefined('my-account-element').then(() => {
1943        //     const container = document.getElementById('account')
1944        //     const el = document.createElement('my-account-element')
1945        //     el.settings = cartSettings
1946        //     container.appendChild(el)
1947        // })
1948    })
1949    </script>
1949
1950
1951
1952   
1953    
1954    
1954<script nonce="bnB3z4jGF7o3JF8JUWWp">
1955        window.services = {"recaptcha":"6Lfc55kqAAAAAP4nEoJjGLnivx5GFuMkj-nvcQ_5","analytics":"G-PHBC49L0ZD"};
1956        window.nonce = "bnB3z4jGF7o3JF8JUWWp";
1957
1958        
1959
1960    </script>
1960   
1961
1962    
1963    
1964   
1964<script nonce="bnB3z4jGF7o3JF8JUWWp">
1965    
1966   </script>
1966
1967
1968    
1969    
1969<script nonce="bnB3z4jGF7o3JF8JUWWp">
1970        window.pageStyle = "home";
1971        window.page = "home";
1972        window.messageOk = "";
1973        window.messageKo = "";
1974        window.thanks = "Gràcies per contactar amb nosaltres. Tan aviat com sigui possible us respondrem!";
1975    </script>
1975
1976
1977
1978</body>
1979</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.