PageSourceSearch

https://www.prolocorealmonte.it/chi-siamo.html

html prolocorealmonte.it collected 2026-09-25 12:20:10 UTC 40,612 bytes, 694 lines download raw bytes

1<!DOCTYPE html>
2<html data-bs-theme="dark" lang="it">
3
4<head>
5    <meta charset="utf-8">
6<link rel="stylesheet" href="assets/css/iframe.css?v=1.2">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
8    <title>Pro Loco Realmonte - Chi Siamo</title>
9    <meta name="twitter:card" content="summary">
10    <meta property="og:type" content="website">
11    <meta name="twitter:image" content="https://prolocorealmonte.it/assets/img/pro-loco-blu.png">
12    <meta name="twitter:title" content="Pro Loco Realmonte">
13    <meta property="og:image" content="https://prolocorealmonte.it/assets/img/pro-loco-blu.png">
14    <meta name="description" content="La Pro Loco di Realmonte: chi siamo, la nostra storia e la nostra missione per promuovere il territorio della &quot;Città della Scala dei Turchi&quot;. Scopri il nostro impegno nel valorizzare le bellezze naturalistiche, culturali e gastronomiche di questo gioiello della costa agrigentina, a 15km dalla Valle dei Templi.">
15    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
16    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
17    <link rel="icon" type="image/png" sizes="225x225" href="/assets/img/pro-loco-blu.png" media="(prefers-color-scheme: dark)">
18    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
19    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
20    <link rel="icon" type="image/png" sizes="1197x801" href="/assets/img/icon.png">
21    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
22    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&amp;display=swap">
23    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alatsi&amp;display=swap">
24    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Atomic+Age&amp;display=swap">
25    <link rel="stylesheet" href="/assets/css/bootstrap-icons.css">
26    <link rel="stylesheet" href="/assets/css/boxicons.css">
27    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat&amp;display=swap">
28    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&amp;display=swap">
29    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins&amp;display=swap">
30    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway&amp;display=swap">
31    <link rel="stylesheet" href="/assets/css/swiper-icons.css">
32    <link rel="stylesheet" href="/assets/css/bss-overrides.css">
33    <link rel="stylesheet" href="/assets/css/./embed/animation/aos.min.css">
34    <link rel="stylesheet" href="/assets/css/./embed/animation/animate.min.css">
35    <link rel="stylesheet" href="/assets/css/vendor/animate.css/animate.min.css">
36    <link rel="stylesheet" href="/assets/css/vendor/aos/aos.css">
37    <link rel="stylesheet" href="/assets/css/vendor/bootstrap/css/bootstrap.min.css">
38    <link rel="stylesheet" href="/assets/css/vendor/bootstrap-icons/bootstrap-icons.css">
39    <link rel="stylesheet" href="/assets/css/vendor/boxicons/css/boxicons.min.css">
40    <link rel="stylesheet" href="/assets/css/vendor/glightbox/css/glightbox.min.css">
41    <link rel="stylesheet" href="/assets/css/css/util.css">
42    <link rel="stylesheet" href="/assets/css/vendor/swiper/swiper-bundle.min.css">
43    <link rel="stylesheet" href="/assets/css/css/main.css">
44    <link rel="stylesheet" href="/assets/css/style.css">
45    <link rel="stylesheet" href="/assets/css/iframe.css">
46    <link rel="stylesheet" href="/assets/css/Pretty-Search-Form-.css">
47    <link rel="stylesheet" href="/assets/css/Simple-Slider-swiper-bundle.min-1.css">
48    <link rel="stylesheet" href="/assets/css/Simple-Slider-swiper-bundle.min.css">
49    <link rel="stylesheet" href="/assets/css/Simple-Slider.css">
50    <link rel="stylesheet" href="/assets/css/Single-Page-Contact-Us-Form.css">
51    <link rel="stylesheet" href="/assets/css/untitled.css">
52<script type="text/javascript">
53    (function(c,l,a,r,i,t,y){
54        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
55        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
56        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
57    })(window, document, "clarity", "script", "sfbnekbr16");
58</script>
58
59
60<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 60-61
60
61<script async src="https://www.googletagmanager.com/gtag/js?id=
61G-ML7XY9BDTN
vendor: 12 bytes, line 61
61"></script>
62<script>
63  
vendor: 134 bytes, lines 63-67
63window.dataLayer = window.dataLayer || [];
64  function gtag(){dataLayer.push(arguments);}
65  gtag('js', new Date());
66
67  gtag('config', '
67G-ML7XY9BDTN
vendor: 4 bytes, line 67
67');
68</script>
68
69
70<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="Y1ipl1DP9A7bTR" async></script>
70
71
72<base href="https://www.prolocorealmonte.it/">
73</head>
74
75<body>
76    <div class="d-flex align-items-center fixed-top" id="topbar">
77        <div class="container d-flex justify-content-center justify-content-md-between">
78            <div class="d-flex align-items-center contact-info"><i class="d-flex align-items-center bi bi-phone"><a style="font-size:14px;width:123.281px; color: rgb(62,62,62);width: 117.281px;" href="tel:0922814607">+39 0922 814607</a></i><i class="d-flex align-items-center ms-4 bi bi-clock"><span style="color: rgb(62,62,62);">Lun-Dom: 9/13 - 16/20</span></i></div>
79            <div class="d-none d-md-flex align-items-center languages">
80                <ul></ul>
81            </div>
82        </div>
83    </div>
84    <header class="d-flex fixed-top align-items-cente" id="header" style="height: 70.787px;background: rgba(12, 11, 9, 0.79);">
85        <div class="container-fluid d-flex align-items-center justify-content-lg-between container-xl">
86            <div><a href="/index.html"><img class="img-fluid" src="https://www.prolocorealmonte.it/assets/img/pro-loco-white.png" style="width:162px;" href="../index.html"></a></div>
87            <h1 class="me-auto me-lg-0 logo"></h1>
88            <nav class="order-last navbar order-lg-0" id="navbar">
89                <div>
90                    <ul>
91                        <li><a class="nav-link active" href="/index.html" style="font-size:18px;">Home</a></li>
92                        <li><a class="nav-link" href="/chi-siamo.html" style="font-size: 18px;">Chi Siamo</a></li>
93                        <li><a class="nav-link" href="/turista/per-i-turisti.html" style="font-size:18px;">Per i Turisti</a></li>
94                        <li><a class="nav-link" href="/eventi.html" style="font-size:18px;">Eventi e Avvisi</a></li>
95                        <li><a class="nav-link" style="font-size:18px;" href="/index.html#Galleria">Galleria</a></li>
96                        <li><a class="nav-link" href="/contatti.html" style="font-size:18px;">Contatti</a></li>
97                    </ul>
98                </div><i class="bi bi-list mobile-nav-toggle"></i>
99            </nav>
100            <div style="margin-left: 20px;margin-right: 5px;"><label class="ui-switch">
101  <input type="checkbox">
102  <div class="slider darkreader-toggle">
103    <div class="circle"></div>
104  </div>
105</label>
106
107<style>
108    /* switch settings  */
109
110.ui-switch {
111  /* switch */
112  --switch-bg: rgb(135, 150, 165);
113  --switch-width: 48px;
114  --switch-height: 20px;
115  /* circle */
116  --circle-diameter: 32px;
117  --circle-bg: #266ed3;
118  --circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2);
119}
120
121.ui-switch input {
122  display: none;
123}
124
125.slider {
126  -webkit-appearance: none;
127  -moz-appearance: none;
128  appearance: none;
129  width: var(--switch-width);
130  height: var(--switch-height);
131  background: var(--switch-bg);
132  border-radius: 999px;
133  position: relative;
134  cursor: pointer;
135}
136
137.slider .circle {
138  top: calc(var(--circle-inset) * -1);
139  left: 0;
140  width: var(--circle-diameter);
141  height: var(--circle-diameter);
142  position: absolute;
143  background: var(--circle-bg);
144  border-radius: inherit;
145  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+");
146  background-repeat: no-repeat;
147  background-position: center center;
148  -webkit-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
149  -o-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
150  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
151  display: -webkit-box;
152  display: -ms-flexbox;
153  display: flex;
154  -webkit-box-align: center;
155  -ms-flex-align: center;
156  align-items: center;
157  -webkit-box-pack: center;
158  -ms-flex-pack: center;
159  justify-content: center;
160  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
161  ;
162}
163
164.slider .circle::before {
165  content: "";
166  position: absolute;
167  width: 100%;
168  height: 100%;
169  background: rgba(255, 255, 255, 0.75);
170  border-radius: inherit;
171  -webkit-transition: all 500ms;
172  -o-transition: all 500ms;
173  transition: all 500ms;
174  opacity: 0;
175}
176
177/* actions */
178
179.ui-switch input:checked+.slider .circle {
180  left: calc(100% - var(--circle-diameter));
181  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=");
182}
183
184.ui-switch input:active+.slider .circle::before {
185  -webkit-transition: 0s;
186  -o-transition: 0s;
187  transition: 0s;
188  opacity: 1;
189  width: 0;
190  height: 0;
191}
192
193</style>
194
195<!-- Dark Mode -->
196<script src="
197https://cdn.jsdelivr.net/npm/[email protected]/darkreader.min.js
198"></script>
198
199
200<script>
201const toggleButton = document.querySelector('.darkreader-toggle');
202
203toggleButton.addEventListener('click', () => {
204  if (DarkReader.isEnabled()) {
205    DarkReader.disable();
206  } else {
207    DarkReader.enable();
208  }
209});
210    
211    // Enable Dark Reader with custom settings.
212DarkReader.enable({
213    brightness: 100,
214    contrast: 90,
215    sepia: 10
216});
217
218// Disable Dark Reader.
219DarkReader.disable();
220</script>
220</div><div class="mobile-lang-isolated"> 
221    <button id="isolated-trigger"> 
222        <img id="mobile-flag" src="https://flagcdn.com/w40/it.png" alt="Italiano" class="flag-icon"> 
223        <span id="mobile-text">IT</span> 
224        <span>▼</span> 
225    </button> 
226</div>
227            <div class="language-selector-wrapper" style="margin-right: 10px;margin-left: -15px;">
228                <nav class="order-last me-auto me-lg-0 navbar order-lg-0 language-nav">
229                    <ul>
230                        <li><li class="dropdown me-auto me-lg-0 language-selector-wrapper">
231  <a href="#" onclick="return false;" style="display: flex; align-items: center;">
232    <img id="desktop-flag" src="https://flagcdn.com/w40/it.png" alt="Italiano" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;">
233    <span id="desktop-text">Italiano</span>
234    <i class="bi bi-chevron-down"></i>
235  </a>
236  
237  <ul>
238    <li><a href="#" class="lang-switch" data-lang="it"><img src="https://flagcdn.com/w40/it.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Italiano</span></a></li>
239    <li><a href="#" class="lang-switch" data-lang="en"><img src="https://flagcdn.com/w40/gb.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>English</span></a></li>
240    <li><a href="#" class="lang-switch" data-lang="fr"><img src="https://flagcdn.com/w40/fr.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Français</span></a></li>
241    <li><a href="#" class="lang-switch" data-lang="de"><img src="https://flagcdn.com/w40/de.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Deutsch</span></a></li>
242    <li><a href="#" class="lang-switch" data-lang="es"><img src="https://flagcdn.com/w40/es.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Español</span></a></li>
243    <li><a href="#" class="lang-switch" data-lang="ru"><img src="https://flagcdn.com/w40/ru.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Русский</span></a></li>
244    <li><a href="#" class="lang-switch" data-lang="zh-CN"><img src="https://flagcdn.com/w40/cn.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>中文 (Cinese)</span></a></li>
245    <li><a href="#" class="lang-switch" data-lang="ja"><img src="https://flagcdn.com/w40/jp.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>日本語 (Giapponese)</span></a></li>
246    <li><a href="#" class="lang-switch" data-lang="ar"><img src="https://flagcdn.com/w40/sa.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>العربية (Arabo)</span></a></li>
247    <li><a href="#" class="lang-switch" data-lang="pt"><img src="https://flagcdn.com/w40/pt.png" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Português</span></a></li>
248    <li><a href="#" class="lang-switch" data-lang="scn"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAwIDEwMDAiPjxwYXRoIGZpbGw9IiNmOWQ2MTYiIGQ9Ik0wIDBoMTUwMHYxMDAwSDB6Ii8+PHBhdGggZmlsbD0iI2QzMjYyNiIgZD0iTTAgMGgxNTAwTDAgMTAwMHoiLz48L3N2Zz4=" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px; margin-right: 8px;"> <span>Sicilianu</span></a></li>
249  </ul>
250
251  <div id="google_translate_element" style="display:none;"></div>
252  
253  <style>
254    .mobile-lang-isolated { display: none; position: relative; }
255    @media (max-width: 990px) {
256        .mobile-lang-isolated { display: block; }
257        .language-selector-wrapper { display: none !important; }
258    }
259    .mobile-lang-isolated * { pointer-events: auto !important; }
260    #isolated-trigger {
261        display: flex; align-items: center; gap: 8px;
262        color: #ffffff; background: transparent; border: none;
263        font-weight: 500; font-size: 14px; padding: 8px 12px;
264        border-radius: 6px; transition: color 0.3s ease; cursor: pointer;
265    }
266    #isolated-trigger:hover { color: #5690e0; }
267    .flag-icon { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; }
268    
269    .language-selector-wrapper ul li a { display: flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; }
270    .language-selector-wrapper ul li a img { flex-shrink: 0; }
271    .language-selector-wrapper ul li a span { margin-left: 0 !important; text-align: left !important; }
272
273    /* Nasconde la grafica sporca di Google Translate */
274    .skiptranslate, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
275    body { top: 0px !important; position: static !important; }
276    .goog-text-highlight { background-color: transparent !important; box-shadow: none !important; }
277  </style>
278
279  
279<script type="text/javascript">
280    document.documentElement.setAttribute('lang', 'it');
281    function googleTranslateElementInit() {
282      new google.translate.TranslateElement({ 
283          pageLanguage: 'it', 
284          includedLanguages: 'en,fr,de,es,ru,zh-CN,ja,ar,pt,scn', 
285          autoDisplay: false 
286      }, 'google_translate_element');
287    }
288  </script>
288
289  
289<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
289
290
291  
291<script type="text/javascript"> 
292    document.addEventListener('DOMContentLoaded', function() { 
293        const languages = [
294            { code: 'it', name: 'Italiano', short: 'IT', flag: 'https://flagcdn.com/w40/it.png' },
295            { code: 'en', name: 'English', short: 'EN', flag: 'https://flagcdn.com/w40/gb.png' },
296            { code: 'fr', name: 'Français', short: 'FR', flag: 'https://flagcdn.com/w40/fr.png' },
297            { code: 'de', name: 'Deutsch', short: 'DE', flag: 'https://flagcdn.com/w40/de.png' },
298            { code: 'es', name: 'Español', short: 'ES', flag: 'https://flagcdn.com/w40/es.png' },
299            { code: 'ru', name: 'Русский', short: 'RU', flag: 'https://flagcdn.com/w40/ru.png' },
300            { code: 'zh-CN', name: '中文 (Cinese)', short: 'ZH', flag: 'https://flagcdn.com/w40/cn.png' },
301            { code: 'ja', name: '日本語 (Giappo)', short: 'JA', flag: 'https://flagcdn.com/w40/jp.png' },
302            { code: 'ar', name: 'العربية (Arabo)', short: 'AR', flag: 'https://flagcdn.com/w40/sa.png' },
303            { code: 'pt', name: 'Português', short: 'PT', flag: 'https://flagcdn.com/w40/pt.png' },
304            { code: 'scn', name: 'Sicilianu', short: 'SCN', flag: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAwIDEwMDAiPjxwYXRoIGZpbGw9IiNmOWQ2MTYiIGQ9Ik0wIDBoMTUwMHYxMDAwSDB6Ii8+PHBhdGggZmlsbD0iI2QzMjYyNiIgZD0iTTAgMGgxNTAwTDAgMTAwMHoiLz48L3N2Zz4=' }
305        ];
306
307        function applyLanguage(code) {
308            // FIX ITALIANO: Distrugge i cookie di Translate su qualsiasi percorso possibile
309            if (code === 'it') {
310                const domain = window.location.hostname;
311                const rootDomain = domain.substring(domain.lastIndexOf(".", domain.lastIndexOf(".") - 1) + 1); 
312                const domainsToClear = [domain, "." + domain, rootDomain, "." + rootDomain, ""];
313                const pathsToClear = ["/", window.location.pathname];
314
315                domainsToClear.forEach(d => {
316                    pathsToClear.forEach(p => {
317                        let base = "googtrans=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=" + p + ";";
318                        if (d !== "") { base += " domain=" + d + ";"; }
319                        document.cookie = base;
320                    });
321                });
322                
323                localStorage.removeItem('googtrans');
324                sessionStorage.removeItem('googtrans');
325
326                // Forza il ricaricamento pulito della pagina
327                window.location.href = window.location.pathname + window.location.search; 
328                return;
329            }
330
331            const lang = languages.find(l => l.code === code);
332            if(!lang) return;
333
334            const mFlag = document.getElementById('mobile-flag');
335            const mText = document.getElementById('mobile-text');
336            if (mFlag) mFlag.src = lang.flag;
337            if (mText) mText.innerText = lang.short;
338
339            const dFlag = document.getElementById('desktop-flag');
340            const dText = document.getElementById('desktop-text');
341            if (dFlag) dFlag.src = lang.flag;
342            if (dText) dText.innerText = lang.name;
343
344            const gtSelect = document.querySelector('select.goog-te-combo');
345            if (gtSelect) {
346                gtSelect.value = code;
347                gtSelect.dispatchEvent(new Event('change'));
348            } else {
349                // Alternativa sicura se il widget di Google è lento
350                document.cookie = "googtrans=/it/" + code + "; path=/; domain=." + document.location.hostname + ";";
351                document.cookie = "googtrans=/it/" + code + "; path=/; domain=" + document.location.hostname + ";";
352                document.cookie = "googtrans=/it/" + code + "; path=/;";
353                window.location.reload();
354            }
355        }
356
357        // LOGICA PC
358        const desktopLinks = document.querySelectorAll('.lang-switch');
359        desktopLinks.forEach(link => {
360            link.addEventListener('click', function(e) {
361                e.preventDefault();
362                applyLanguage(this.getAttribute('data-lang'));
363                var ul = this.closest('ul');
364                if(ul) ul.classList.remove('dropdown-active'); 
365            });
366        });
367
368        // LOGICA MOBILE
369        const trigger = document.getElementById('isolated-trigger'); 
370        let dropdown = null; 
371        
372        if(trigger) {
373            trigger.addEventListener('click', function(e) { 
374                e.preventDefault(); 
375                e.stopPropagation(); 
376                
377                if (dropdown) { 
378                    document.body.removeChild(dropdown); 
379                    dropdown = null; 
380                    return; 
381                } 
382                
383                dropdown = document.createElement('div'); 
384                dropdown.style.cssText = `position: fixed; top: 80px; right: 10px; background: rgba(12, 11, 9, 0.95); border-radius: 8px; padding: 8px 0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); z-index: 999999; min-width: 160px; max-height: 70vh; overflow-y: auto;`; 
385                
386                languages.forEach(lang => {
387                    const a = document.createElement('a');
388                    a.href = "#";
389                    a.style.cssText = "display: flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; padding: 10px 15px;";
390                    a.innerHTML = `<img src="${lang.flag}" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px;"> <span>${lang.name}</span>`;
391                    
392                    a.addEventListener('mouseover', function() { this.style.color = '#5690e0'; this.style.background = 'rgba(255, 255, 255, 0.05)'; }); 
393                    a.addEventListener('mouseout', function() { this.style.color = '#fff'; this.style.background = 'transparent'; }); 
394                    
395                    a.addEventListener('click', function(ev) {
396                        ev.preventDefault(); ev.stopPropagation();
397                        applyLanguage(lang.code);
398                        document.body.removeChild(dropdown); dropdown = null; 
399                    });
400                    dropdown.appendChild(a);
401                });
402                
403                document.body.appendChild(dropdown); 
404                
405                setTimeout(() => { 
406                    document.addEventListener('click', function closeDropdown(e) { 
407                        if (dropdown && !dropdown.contains(e.target) && !trigger.contains(e.target)) { 
408                            document.body.removeChild(dropdown); dropdown = null; document.removeEventListener('click', closeDropdown); 
409                        } 
410                    }); 
411                }, 100); 
412            }, true);
413        }
414    }); 
415  </script>
415
416</li>
417<div class="mobile-lang-isolated"> 
418    <button id="isolated-trigger"> 
419        <img id="mobile-flag" src="https://flagcdn.com/w40/it.png" alt="Italiano" class="flag-icon"> 
420        <span id="mobile-text">IT</span> 
421        <span>▼</span> 
422    </button> 
423</div>
424</li>
425                    </ul>
426                </nav>
427            </div>
428            <div><a class="d-none d-lg-flex book-a-table-btn scrollto" href="/meteo.html" style="font-size: 16px;text-align: center;margin-left: 0px;">METEO</a></div>
429        </div>
430    </header>
431    <main id="main">
432        <section class="specials" style="margin-top: 130px;padding-top: 0px;padding-bottom: 15px;">
433            <div class="container" data-aos="fade-up" style="max-width: 682px;text-align: center;">
434                <div>
435                    <h1 style="color: rgb(62,62,62);font-family: 'Open Sans', sans-serif;font-size: 30px;">Chi Siamo</h1>
436                    <div class="d-lg-flex justify-content-lg-center" style="margin-bottom: 0px;">
437                        <h5 style="color: rgb(62,62,62);font-family: 'Open Sans', sans-serif;Hyphens: auto;text-align: justify;font-size: 17px;margin-bottom: 15px;">La pro loco Scala dei Turchi di Realmonte APS nasce nel 1994 ma opera attivamente ad iniziare dal 2005 quando i realmontesi si sono organizzati per&nbsp; valorizzare e promuovere le risorse turistiche del Comune di Realmonte.</h5>
438                    </div>
439                </div>
440            </div>
441            <div class="container" data-aos="fade-up" style="max-width: 682px;text-align: center;font-size: 17px;margin-bottom: 0px;margin-top: 0px;">
442                <ul class="list-group">
443                    <li class="list-group-item" style="text-align: center;"><span style="text-align: center;">Il suo direttivo é composto da:&nbsp;</span></li>
444                    <li class="list-group-item d-grid" style="text-align: left;"><span style="text-align: left;"><strong>Presidente:</strong></span><span style="text-align: left;">Paolo Salemi</span></li>
445                    <li class="list-group-item d-grid" style="text-align: left;"><span style="text-align: left;"><strong>Vicepresidente:</strong></span><span style="text-align: left;">Stefano Gallitano</span></li>
446                    <li class="list-group-item d-grid" style="text-align: left;"><span style="text-align: left;"><strong>Segretario:</strong></span><span style="text-align: left;">Filippo Chiarenza</span></li>
447                    <li class="list-group-item d-grid" style="text-align: left;"><span style="text-align: left;"><strong>Tesoriere:</strong></span><span style="text-align: left;">Angela Rita Terrana</span></li>
448                    <li class="list-group-item d-grid" style="text-align: left;"><span style="text-align: left;"><strong>Consiglieri:</strong></span><span style="text-align: left;">Carmelo Burgio, Vincenzo&nbsp;di Mare, Francesco&nbsp;Monachino</span></li>
449                </ul>
450            </div>
451        </section>
452        <div style="text-align: center;margin-bottom: 12px;margin-right: 10px;margin-left: 10px;">
453            <h1 style="font-family: 'Open Sans', sans-serif;font-size: 18px;text-align: center;margin-top: 10px;margin-bottom: 10px;"><span style="color: rgb(0, 0, 0);">Curriculum della Pro Loco Scala dei Turchi di Realmonte APS</span></h1><a class="btn btn-primary" role="button" id="successo" href="relazione-attivita-svolte-pro-loco-scala-dei-turchi-aps.pdf" style="font-weight: bold;font-size: 17px;" target="_blank">Scarica<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 18px;transform: translateY(-2px);">
454                    <path d="M12 10V16M12 16L9 13M12 16L15 13M17 21H7C5.89543 21 5 20.1046 5 19V5C5 3.89543 5.89543 3 7 3H12.5858C12.851 3 13.1054 3.10536 13.2929 3.29289L18.7071 8.70711C18.8946 8.89464 19 9.149 19 9.41421V19C19 20.1046 18.1046 21 17 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
455                </svg></a>
456        </div>
457    </main>
458    <div id="preloader" style="background: rgb(255,255,255);">
459        <div class="d-xl-flex justify-content-xl-center" style="text-align: center;position: fixed;top: calc(50% - 130px);left: calc(50% - 130px);"><img class="img-fluid pulse animated infinite" src="/assets/img/pro-loco-black.png" style="width: 278px;"></div>
460    </div>
460<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="2a4b334d-49b9-47c3-adb8-77fcbd39e9d5" data-blockingmode="auto" type="text/javascript"></script>
460
461    <footer id="footer" style="background: #1E549F;">
462        <div class="footer-top" style="background: #266ED3;border-width: 0px;">
463            <div class="container">
464                <div class="row d-xl-flex justify-content-xl-center">
465                    <div class="col d-xl-flex align-items-xl-center" style="text-align: right;"><a href="../index.html"><img class="img-fluid d-sm-flex justify-content-sm-center" src="/assets/img/pro-loco-white.png" style="width: 347px;" href="../index.html"></a></div>
466                    <div class="col-md-6 col-lg-3">
467                        <div class="footer-info">
468                            <h3>PRO LOco di REALMONTE</h3>
469                            <p style="font-family: &quot;Playfair Display&quot;, serif;font-size: 15px;">Via Portella delle Ginestre, 12<br>92010 Realmonte AG<br><br><strong>Telefono:</strong>&nbsp;<a href="tel:0922814607" style="color: rgb(255,255,255);font-family: &quot;Playfair Display&quot;, serif;">+39 0922 814607</a>&nbsp;<br><strong>Cellulare:</strong><a href="tel:3791902210" style="color: rgb(255,255,255);font-family: &quot;Playfair Display&quot;, serif;">&nbsp;+39 3791902220</a><br><strong>Email:&nbsp;</strong><a href="mailto:[email protected]" style="font-family: &quot;Playfair Display&quot;, serif;color: rgb(255,255,255);">[email protected]</a><br><strong>Pec:&nbsp;</strong><a href="mailto:[email protected]" style="font-family: &quot;Playfair Display&quot;, serif;color: rgb(255,255,255);">[email protected]</a></p>
470                            <div class="d-lg-flex mt-3 social-links"><a href="https://www.facebook.com/prolocorealmonte" class="facebook"><i class="bx bxl-facebook"></i></a><a href="https://www.instagram.com/pro_loco_realmonte?igsh=amtyZXYzMnAyNXMy" class="instagram"><i class="bx bxl-instagram"></i></a></div>
471                        </div>
472                    </div>
473                    <div class="col-md-6 col-lg-2 footer-links">
474                        <h4>Link Utili</h4>
475                        <ul>
476                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/index.html" style="font-family: &quot;Playfair Display&quot;, serif;">Home</a></li>
477                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/chi-siamo.html" style="font-family: &quot;Playfair Display&quot;, serif;">Chi Siamo</a></li>
478                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/contatti.html" style="font-family: &quot;Playfair Display&quot;, serif;">Contatti</a></li>
479                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/meteo.html" style="font-family: &quot;Playfair Display&quot;, serif;">Meteo</a></li>
480                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/privacy-policy.html" style="font-family: &quot;Playfair Display&quot;, serif;">Privacy Policy</a></li>
481                        </ul>
482                    </div>
483                    <div class="col-md-6 col-lg-3 footer-links">
484                        <h4>Enti e organismi associati</h4>
485                        <ul>
486                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="https://www.unpli.info" target="_blank" style="font-family: &quot;Playfair Display&quot;, serif;">Pro Loco d'Italia</a></li>
487                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="http://www.comune.realmonte.ag.it" target="_blank" style="font-family: &quot;Playfair Display&quot;, serif;">Comune di Realmonte</a></li>
488                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="https://www.facebook.com/pietanzescaladeiturchi" target="_blank" style="font-family: &quot;Playfair Display&quot;, serif;">Comunità del Cibo Realmontese</a></li>
489                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="https://www.istitutogaribaldi.edu.it/" style="font-family: &quot;Playfair Display&quot;, serif;" target="_blank">Istituto comprensivo G. Garibaldi di Realmonte</a></li>
490                            <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="https://www.facebook.com/parrocchiarealmonte" style="font-family: &quot;Playfair Display&quot;, serif;" target="_blank">Parrocchia San Domenico di Realmonte</a></li>
491                        </ul>
492                    </div>
493                </div>
494            </div>
495        </div>
496        <div class="container">
497            <div class="copyright"><strong><span>PRO LOCO REALMONTE<span> ©&nbsp;</span>2025</span></strong><span>. TUTTI I DIRITTI RISERVATI</span></div>
498            <div class="credits"><span>Le immagini presenti su questo sito, qualora non sia espressamente indicata la fonte, sono considerate di pubblico dominio.<br><br>Se ritenete di detenere i diritti d'autore su alcune di esse e desiderate che vengano attribuiti i crediti o che le immagini siano rimosse, vi preghiamo di contattarci inviando una mail all'indirizzo&nbsp;<br><a href="mailto:[email protected]"><span style="color: rgb(255, 255, 255);">[email protected]</span></a>&nbsp;oppure telefonando ai numeri di contatto disponibili sul nostro 
498sito.<br><br>Provvederemo tempestivamente a verificare la vostra richiesta e ad apportare le modifiche necessarie.</span></div>
499            <div class="credits"><span>Sito web creato da:&nbsp;</span><a href="https://pasqualegaglianopisa.netlify.app/" target="_blank">Pasquale Pio Gagliano Pisa</a><span>&nbsp;e&nbsp;</span><a href="https://thomasbrunogallo.netlify.app/" target="_blank">Thomas Bruno Gallo</a></div>
500        </div>
500<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="2a4b334d-49b9-47c3-adb8-77fcbd39e9d5" data-blockingmode="auto" type="text/javascript"></script>
500
501    </footer><a class="d-flex justify-content-center align-items-center back-to-top" data-action="scroll-top">
501<script>
502(function() {
503  'use strict';
504  
505  // Intercetta tutti i click prima che Bootstrap Studio li gestisca
506  document.addEventListener('click', function(e) {
507    const target = e.target.closest('.back-to-top');
508    if (target) {
509      // Ferma immediatamente tutti gli eventi
510      e.preventDefault();
511      e.stopPropagation();
512      e.stopImmediatePropagation();
513      
514      // Scroll immediato
515      document.documentElement.scrollTop = 0;
516      document.body.scrollTop = 0;
517      
518      return false;
519    }
520  }, true); // true = capturing phase, prima di altri event listeners
521  
522  // Gestione della visibilità del pulsante
523  function toggleBackToTop() {
524    const backToTop = document.querySelector('.back-to-top');
525    if (backToTop) {
526      if (window.scrollY > 100) {
527        backToTop.classList.add('active');
528      } else {
529        backToTop.classList.remove('active');
530      }
531    }
532  }
533  
534  window.addEventListener('scroll', toggleBackToTop);
535  window.addEventListener('load', toggleBackToTop);
536})();
537</script>
537<svg class="bi bi-arrow-up-short" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" style="font-size: 28px;">
538            <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5"></path>
539        </svg></a><!-- ATTENZIONE, EVENTUALE DOPPIONE. CONTROLLARE AVVENUTA MODIFICA NELLE PAGINE -->
540
541<div id="language-suggestion-banner" style="display: none;">
542  <span id="language-suggestion-text"></span>
543  
544  <a href="#" id="language-suggestion-link" class="btn btn-sm btn-light"></a>
545  
546  <button type="button" id="dismiss-language-banner" class="dismiss-btn">Don't show this again</button>
547  
548  <button type="button" id="close-language-banner" class="close-banner-btn">&times;</button>
549</div>
550
551<style>
552   #language-suggestion-banner {
553  position: fixed;
554  bottom: 0;
555  left: 0;
556  width: 100%;
557  /* Sfondo scuro e trasparente, in linea con il tuo header */
558  background-color: rgba(12, 11, 9, 0.85);
559  color: #f8f9fa;
560  /* Padding aumentato per rendere la sezione più grande */
561  padding: 20px;
562  display: flex;
563  justify-content: center;
564  align-items: center;
565  z-index: 1050;
566  box-shadow: 0 -2px 15px rgba(0,0,0,0.3);
567  font-size: 16px; /* Font più grande */
568}
569
570#language-suggestion-banner span {
571  margin-right: 15px;
572}
573
574/* Stile per il nuovo pulsante "Non visualizzare più" */
575.dismiss-btn {
576  background: none;
577  border: none;
578  color: #adb5bd; /* Colore grigio per renderlo meno prominente */
579  text-decoration: underline;
580  cursor: pointer;
581  margin-left: 20px;
582  font-size: 14px;
583  transition: color 0.3s ease;
584}
585.dismiss-btn:hover {
586  color: #fff;
587}
588
589/* Stile per il pulsante di chiusura (la 'x') */
590.close-banner-btn {
591  position: absolute;
592  right: 20px;
593  top: 50%;
594  transform: translateY(-50%);
595  background: none;
596  border: none;
597  color: #fff;
598  font-size: 28px;
599  line-height: 1;
600  cursor: pointer;
601  opacity: 0.7;
602}
603.close-banner-btn:hover {
604  opacity: 1;
605}
606    @media (max-width: 768px) {
607
608  /* 1. Cambia il layout del banner da riga a colonna */
609  #language-suggestion-banner {
610    flex-direction: column; /* Stacka gli elementi verticalmente */
611    text-align: center;
612    padding-top: 25px;
613    padding-bottom: 25px;
614  }
615
616  /* 2. Aggiusta i margini per la nuova disposizione */
617  #language-suggestion-banner span {
618    margin-right: 0;      /* Rimuove il margine destro */
619    margin-bottom: 15px;  /* Aggiunge spazio sotto il testo */
620  }
621
622  /* Il pulsante principale ora sta sopra quello "non visualizzare più" */
623  #language-suggestion-link {
624    margin-bottom: 15px;
625  }
626
627  /* Rimuove il margine laterale dal pulsante "Non visualizzare più" */
628  .dismiss-btn {
629    margin-left: 0;
630  }
631
632  /* 3. Riposiziona la 'X' di chiusura in alto a destra */
633  .close-banner-btn {
634    top: 10px;
635    right: 15px;
636    transform: none; /* Annulla la centratura verticale che non serve più */
637  }
638
639}
640</style>
641
642<script>
643document.addEventListener('DOMContentLoaded', function() {
644  // 1. Controlla se l'utente ha scelto di NON vederlo MAI PIÙ
645  if (localStorage.getItem('languageBannerDismissed')) {
646    return; // Esce e non fa nulla
647  }
648
649  const browserLang = (navigator.language || navigator.userLanguage).toLowerCase();
650
651  // 2. Controlla se la lingua del browser NON è italiano
652  if (!browserLang.startsWith('it')) {
653    // Seleziona tutti gli elementi del banner
654    const banner = document.getElementById('language-suggestion-banner');
655    const bannerText = document.getElementById('language-suggestion-text');
656    const bannerLink = document.getElementById('language-suggestion-link');
657    const dismissBtn = document.getElementById('dismiss-language-banner');
658    const closeBtn = document.getElementById('close-language-banner');
659    
660    // Imposta il testo e il link del banner (suggerendo la versione INGLESE)
661    bannerText.textContent = "This site is also available in English. [UNDER COSTRUCTION]";
662    bannerLink.textContent = "View English Version";
663    bannerLink.href = '/en/'; // Link alla homepage inglese
664
665    // Mostra il banner
666    banner.style.display = 'flex';
667
668    // Gestione click su "Don't show again"
669    dismissBtn.addEventListener('click', function() {
670      banner.style.display = 'none';
671      localStorage.setItem('languageBannerDismissed', 'true');
672    });
673
674    // Gestione click sulla "X" (chiusura temporanea)
675    closeBtn.addEventListener('click', function() {
676      banner.style.display = 'none';
677    });
678  }
679});
680</script>
680
681    
681<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
681
682    
682<script src="/assets/js/./embed/animation/aos.min.js"></script>
682
683    
683<script src="/assets/js/bs-init.js"></script>
683
684    
684<script src="/assets/js/vendor/aos/aos.js"></script>
684
685    
685<script src="/assets/js/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
685
686    
686<script src="/assets/js/vendor/glightbox/js/glightbox.min.js"></script>
686
687    
687<script src="/assets/js/vendor/isotope-layout/isotope.pkgd.min.js"></script>
687
688    
688<script src="/assets/js/vendor/swiper/swiper-bundle.min.js"></script>
688
689    
689<script src="/assets/js/js/main.js"></script>
689
690    
690<script src="/assets/js/Simple-Slider-swiper-bundle.min.js"></script>
690
691    
691<script src="/assets/js/Simple-Slider.js"></script>
691
692</body>
693
694</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.