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 "Città della Scala dei Turchi". 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&display=swap"> 23 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alatsi&display=swap"> 24 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Atomic+Age&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&display=swap"> 28 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap"> 29 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins&display=swap"> 30 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway&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 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: </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 di Mare, Francesco 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: "Playfair Display", serif;font-size: 15px;">Via Portella delle Ginestre, 12<br>92010 Realmonte AG<br><br><strong>Telefono:</strong> <a href="tel:0922814607" style="color: rgb(255,255,255);font-family: "Playfair Display", serif;">+39 0922 814607</a> <br><strong>Cellulare:</strong><a href="tel:3791902210" style="color: rgb(255,255,255);font-family: "Playfair Display", serif;"> +39 3791902220</a><br><strong>Email: </strong><a href="mailto:[email protected]" style="font-family: "Playfair Display", serif;color: rgb(255,255,255);">[email protected]</a><br><strong>Pec: </strong><a href="mailto:[email protected]" style="font-family: "Playfair Display", 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: "Playfair Display", serif;">Home</a></li> 477 <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/chi-siamo.html" style="font-family: "Playfair Display", serif;">Chi Siamo</a></li> 478 <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/contatti.html" style="font-family: "Playfair Display", serif;">Contatti</a></li> 479 <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/meteo.html" style="font-family: "Playfair Display", serif;">Meteo</a></li> 480 <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/privacy-policy.html" style="font-family: "Playfair Display", 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: "Playfair Display", 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: "Playfair Display", 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: "Playfair Display", 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: "Playfair Display", 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: "Playfair Display", 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> © </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 <br><a href="mailto:[email protected]"><span style="color: rgb(255, 255, 255);">[email protected]</span></a> 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: </span><a href="https://pasqualegaglianopisa.netlify.app/" target="_blank">Pasquale Pio Gagliano Pisa</a><span> e </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">×</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.