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 - Per i Turisti</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 tua guida completa per visitare Realmonte in totale sicurezza e comfort. Questa pagina centralizza tutte le informazioni turistiche essenziali, collegando alle sezioni "Cosa vedere", "Dove dormire" e "Dove mangiare", e fornendo in più i contatti dei servizi di emergenza e dei taxi locali. Numeri utili di pronto soccorso, carabinieri, vigili del fuoco, guardia medica e servizi di trasporto per muoverti agevolmente nel territorio e raggiungere le principali attrazioni turistiche."> 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/fonts/fontawesome-all.min.css"> 33 <link rel="stylesheet" href="/assets/css/bss-overrides.css"> 34 <link rel="stylesheet" href="/assets/css/./embed/animation/aos.min.css"> 35 <link rel="stylesheet" href="/assets/css/./embed/animation/animate.min.css"> 36 <link rel="stylesheet" href="/assets/css/vendor/animate.css/animate.min.css"> 37 <link rel="stylesheet" href="/assets/css/vendor/aos/aos.css"> 38 <link rel="stylesheet" href="/assets/css/vendor/bootstrap/css/bootstrap.min.css"> 39 <link rel="stylesheet" href="/assets/css/vendor/bootstrap-icons/bootstrap-icons.css"> 40 <link rel="stylesheet" href="/assets/css/vendor/boxicons/css/boxicons.min.css"> 41 <link rel="stylesheet" href="/assets/css/vendor/glightbox/css/glightbox.min.css"> 42 <link rel="stylesheet" href="/assets/css/css/util.css"> 43 <link rel="stylesheet" href="/assets/css/vendor/swiper/swiper-bundle.min.css"> 44 <link rel="stylesheet" href="/assets/css/css/main.css"> 45 <link rel="stylesheet" href="/assets/css/style.css"> 46 <link rel="stylesheet" href="/assets/css/iframe.css"> 47 <link rel="stylesheet" href="/assets/css/Pretty-Search-Form-.css"> 48 <link rel="stylesheet" href="/assets/css/Simple-Slider-swiper-bundle.min-1.css"> 49 <link rel="stylesheet" href="/assets/css/Simple-Slider-swiper-bundle.min.css"> 50 <link rel="stylesheet" href="/assets/css/Simple-Slider.css"> 51 <link rel="stylesheet" href="/assets/css/Single-Page-Contact-Us-Form.css"> 52 <link rel="stylesheet" href="/assets/css/untitled.css">
53<script type="text/javascript"> 54 (function(c,l,a,r,i,t,y){ 55 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 56 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 57 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 58 })(window, document, "clarity", "script", "sfbnekbr16"); 59</script>
59 60 61<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 61-62
61 62<script async src="https://www.googletagmanager.com/gtag/js?id=
62G-ML7XY9BDTN
vendor: 12 bytes, line 62
62"></script>
63<script> 64
vendor: 134 bytes, lines 64-68
64window.dataLayer = window.dataLayer || []; 65 function gtag(){dataLayer.push(arguments);} 66 gtag('js', new Date()); 67 68 gtag('config', '
68G-ML7XY9BDTN
vendor: 4 bytes, line 68
68');
69</script>
69 70
71<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="Y1ipl1DP9A7bTR" async></script>
71 72 73<base href="https://www.prolocorealmonte.it/"> 74</head> 75 76<body> 77 <div class="d-flex align-items-center fixed-top" id="topbar"> 78 <div class="container d-flex justify-content-center justify-content-md-between"> 79 <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> 80 <div class="d-none d-md-flex align-items-center languages"> 81 <ul></ul> 82 </div> 83 </div> 84 </div> 85 <header class="d-flex fixed-top align-items-cente" id="header" style="height: 70.787px;background: rgba(12, 11, 9, 0.79);"> 86 <div class="container-fluid d-flex align-items-center justify-content-lg-between container-xl"> 87 <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> 88 <h1 class="me-auto me-lg-0 logo"></h1> 89 <nav class="order-last navbar order-lg-0" id="navbar"> 90 <div> 91 <ul> 92 <li><a class="nav-link active" href="/index.html" style="font-size:18px;">Home</a></li> 93 <li><a class="nav-link" href="/chi-siamo.html" style="font-size: 18px;">Chi Siamo</a></li> 94 <li><a class="nav-link" href="/turista/per-i-turisti.html" style="font-size:18px;">Per i Turisti</a></li> 95 <li><a class="nav-link" href="/eventi.html" style="font-size:18px;">Eventi e Avvisi</a></li> 96 <li><a class="nav-link" style="font-size:18px;" href="/index.html#Galleria">Galleria</a></li> 97 <li><a class="nav-link" href="/contatti.html" style="font-size:18px;">Contatti</a></li> 98 </ul> 99 </div><i class="bi bi-list mobile-nav-toggle"></i> 100 </nav> 101 <div style="margin-left: 20px;margin-right: 5px;"><label class="ui-switch"> 102 <input type="checkbox"> 103 <div class="slider darkreader-toggle"> 104 <div class="circle"></div> 105 </div> 106</label> 107 108<style> 109 /* switch settings */ 110 111.ui-switch { 112 /* switch */ 113 --switch-bg: rgb(135, 150, 165); 114 --switch-width: 48px; 115 --switch-height: 20px; 116 /* circle */ 117 --circle-diameter: 32px; 118 --circle-bg: #266ed3; 119 --circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2); 120} 121 122.ui-switch input { 123 display: none; 124} 125 126.slider { 127 -webkit-appearance: none; 128 -moz-appearance: none; 129 appearance: none; 130 width: var(--switch-width); 131 height: var(--switch-height); 132 background: var(--switch-bg); 133 border-radius: 999px; 134 position: relative; 135 cursor: pointer; 136} 137 138.slider .circle { 139 top: calc(var(--circle-inset) * -1); 140 left: 0; 141 width: var(--circle-diameter); 142 height: var(--circle-diameter); 143 position: absolute; 144 background: var(--circle-bg); 145 border-radius: inherit; 146 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+"); 147 background-repeat: no-repeat; 148 background-position: center center; 149 -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; 150 -o-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 151 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; 152 display: -webkit-box; 153 display: -ms-flexbox; 154 display: flex; 155 -webkit-box-align: center; 156 -ms-flex-align: center; 157 align-items: center; 158 -webkit-box-pack: center; 159 -ms-flex-pack: center; 160 justify-content: center; 161 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); 162 ; 163} 164 165.slider .circle::before { 166 content: ""; 167 position: absolute; 168 width: 100%; 169 height: 100%; 170 background: rgba(255, 255, 255, 0.75); 171 border-radius: inherit; 172 -webkit-transition: all 500ms; 173 -o-transition: all 500ms; 174 transition: all 500ms; 175 opacity: 0; 176} 177 178/* actions */ 179 180.ui-switch input:checked+.slider .circle { 181 left: calc(100% - var(--circle-diameter)); 182 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4="); 183} 184 185.ui-switch input:active+.slider .circle::before { 186 -webkit-transition: 0s; 187 -o-transition: 0s; 188 transition: 0s; 189 opacity: 1; 190 width: 0; 191 height: 0; 192} 193 194</style> 195 196<!-- Dark Mode -->
197<script src=" 198https://cdn.jsdelivr.net/npm/[email protected]/darkreader.min.js 199"></script>
199 200
201<script> 202const toggleButton = document.querySelector('.darkreader-toggle'); 203 204toggleButton.addEventListener('click', () => { 205 if (DarkReader.isEnabled()) { 206 DarkReader.disable(); 207 } else { 208 DarkReader.enable(); 209 } 210}); 211 212 // Enable Dark Reader with custom settings. 213DarkReader.enable({ 214 brightness: 100, 215 contrast: 90, 216 sepia: 10 217}); 218 219// Disable Dark Reader. 220DarkReader.disable(); 221</script>
221</div><div class="mobile-lang-isolated"> 222 <button id="isolated-trigger"> 223 <img id="mobile-flag" src="https://flagcdn.com/w40/it.png" alt="Italiano" class="flag-icon"> 224 <span id="mobile-text">IT</span> 225 <span>â¼</span> 226 </button> 227</div> 228 <div class="language-selector-wrapper" style="margin-right: 10px;margin-left: -15px;"> 229 <nav class="order-last me-auto me-lg-0 navbar order-lg-0 language-nav"> 230 <ul> 231 <li><li class="dropdown me-auto me-lg-0 language-selector-wrapper"> 232 <a href="#" onclick="return false;" style="display: flex; align-items: center;"> 233 <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;"> 234 <span id="desktop-text">Italiano</span> 235 <i class="bi bi-chevron-down"></i> 236 </a> 237 238 <ul> 239 <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> 240 <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> 241 <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> 242 <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> 243 <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> 244 <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> 245 <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> 246 <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> 247 <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> 248 <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> 249 <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> 250 </ul> 251 252 <div id="google_translate_element" style="display:none;"></div> 253 254 <style> 255 .mobile-lang-isolated { display: none; position: relative; } 256 @media (max-width: 990px) { 257 .mobile-lang-isolated { display: block; } 258 .language-selector-wrapper { display: none !important; } 259 } 260 .mobile-lang-isolated * { pointer-events: auto !important; } 261 #isolated-trigger { 262 display: flex; align-items: center; gap: 8px; 263 color: #ffffff; background: transparent; border: none; 264 font-weight: 500; font-size: 14px; padding: 8px 12px; 265 border-radius: 6px; transition: color 0.3s ease; cursor: pointer; 266 } 267 #isolated-trigger:hover { color: #5690e0; }
268 .flag-icon { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; } 269 270 .language-selector-wrapper ul li a { display: flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; } 271 .language-selector-wrapper ul li a img { flex-shrink: 0; } 272 .language-selector-wrapper ul li a span { margin-left: 0 !important; text-align: left !important; } 273 274 /* Nasconde la grafica sporca di Google Translate */ 275 .skiptranslate, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame { display: none !important; } 276 body { top: 0px !important; position: static !important; } 277 .goog-text-highlight { background-color: transparent !important; box-shadow: none !important; } 278 </style> 279 280
280<script type="text/javascript"> 281 document.documentElement.setAttribute('lang', 'it'); 282 function googleTranslateElementInit() { 283 new google.translate.TranslateElement({ 284 pageLanguage: 'it', 285 includedLanguages: 'en,fr,de,es,ru,zh-CN,ja,ar,pt,scn', 286 autoDisplay: false 287 }, 'google_translate_element'); 288 } 289 </script>
289 290
290<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
290 291 292
292<script type="text/javascript"> 293 document.addEventListener('DOMContentLoaded', function() { 294 const languages = [ 295 { code: 'it', name: 'Italiano', short: 'IT', flag: 'https://flagcdn.com/w40/it.png' }, 296 { code: 'en', name: 'English', short: 'EN', flag: 'https://flagcdn.com/w40/gb.png' }, 297 { code: 'fr', name: 'Français', short: 'FR', flag: 'https://flagcdn.com/w40/fr.png' }, 298 { code: 'de', name: 'Deutsch', short: 'DE', flag: 'https://flagcdn.com/w40/de.png' }, 299 { code: 'es', name: 'Español', short: 'ES', flag: 'https://flagcdn.com/w40/es.png' }, 300 { code: 'ru', name: 'Ð ÑÑÑкий', short: 'RU', flag: 'https://flagcdn.com/w40/ru.png' }, 301 { code: 'zh-CN', name: '䏿 (Cinese)', short: 'ZH', flag: 'https://flagcdn.com/w40/cn.png' }, 302 { code: 'ja', name: 'æ¥æ¬èª (Giappo)', short: 'JA', flag: 'https://flagcdn.com/w40/jp.png' }, 303 { code: 'ar', name: 'Ø§ÙØ¹Ø±Ø¨ÙØ© (Arabo)', short: 'AR', flag: 'https://flagcdn.com/w40/sa.png' }, 304 { code: 'pt', name: 'Português', short: 'PT', flag: 'https://flagcdn.com/w40/pt.png' }, 305 { code: 'scn', name: 'Sicilianu', short: 'SCN', flag: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAwIDEwMDAiPjxwYXRoIGZpbGw9IiNmOWQ2MTYiIGQ9Ik0wIDBoMTUwMHYxMDAwSDB6Ii8+PHBhdGggZmlsbD0iI2QzMjYyNiIgZD0iTTAgMGgxNTAwTDAgMTAwMHoiLz48L3N2Zz4=' } 306 ]; 307 308 function applyLanguage(code) { 309 // FIX ITALIANO: Distrugge i cookie di Translate su qualsiasi percorso possibile 310 if (code === 'it') { 311 const domain = window.location.hostname; 312 const rootDomain = domain.substring(domain.lastIndexOf(".", domain.lastIndexOf(".") - 1) + 1); 313 const domainsToClear = [domain, "." + domain, rootDomain, "." + rootDomain, ""]; 314 const pathsToClear = ["/", window.location.pathname]; 315 316 domainsToClear.forEach(d => { 317 pathsToClear.forEach(p => { 318 let base = "googtrans=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=" + p + ";"; 319 if (d !== "") { base += " domain=" + d + ";"; } 320 document.cookie = base; 321 }); 322 }); 323 324 localStorage.removeItem('googtrans'); 325 sessionStorage.removeItem('googtrans'); 326 327 // Forza il ricaricamento pulito della pagina 328 window.location.href = window.location.pathname + window.location.search; 329 return; 330 } 331 332 const lang = languages.find(l => l.code === code); 333 if(!lang) return; 334 335 const mFlag = document.getElementById('mobile-flag'); 336 const mText = document.getElementById('mobile-text'); 337 if (mFlag) mFlag.src = lang.flag; 338 if (mText) mText.innerText = lang.short; 339 340 const dFlag = document.getElementById('desktop-flag'); 341 const dText = document.getElementById('desktop-text'); 342 if (dFlag) dFlag.src = lang.flag; 343 if (dText) dText.innerText = lang.name; 344 345 const gtSelect = document.querySelector('select.goog-te-combo'); 346 if (gtSelect) { 347 gtSelect.value = code; 348 gtSelect.dispatchEvent(new Event('change')); 349 } else { 350 // Alternativa sicura se il widget di Google è lento 351 document.cookie = "googtrans=/it/" + code + "; path=/; domain=." + document.location.hostname + ";"; 352 document.cookie = "googtrans=/it/" + code + "; path=/; domain=" + document.location.hostname + ";"; 353 document.cookie = "googtrans=/it/" + code + "; path=/;"; 354 window.location.reload(); 355 } 356 } 357 358 // LOGICA PC 359 const desktopLinks = document.querySelectorAll('.lang-switch'); 360 desktopLinks.forEach(link => { 361 link.addEventListener('click', function(e) { 362 e.preventDefault(); 363 applyLanguage(this.getAttribute('data-lang')); 364 var ul = this.closest('ul'); 365 if(ul) ul.classList.remove('dropdown-active'); 366 }); 367 }); 368 369 // LOGICA MOBILE 370 const trigger = document.getElementById('isolated-trigger'); 371 let dropdown = null; 372 373 if(trigger) { 374 trigger.addEventListener('click', function(e) { 375 e.preventDefault(); 376 e.stopPropagation(); 377 378 if (dropdown) { 379 document.body.removeChild(dropdown); 380 dropdown = null; 381 return; 382 } 383 384 dropdown = document.createElement('div'); 385 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;`; 386
387 languages.forEach(lang => { 388 const a = document.createElement('a'); 389 a.href = "#"; 390 a.style.cssText = "display: flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; padding: 10px 15px;"; 391 a.innerHTML = `<img src="${lang.flag}" style="width: 20px; height: 15px; object-fit: cover; border-radius: 2px;"> <span>${lang.name}</span>`; 392 393 a.addEventListener('mouseover', function() { this.style.color = '#5690e0'; this.style.background = 'rgba(255, 255, 255, 0.05)'; }); 394 a.addEventListener('mouseout', function() { this.style.color = '#fff'; this.style.background = 'transparent'; }); 395 396 a.addEventListener('click', function(ev) { 397 ev.preventDefault(); ev.stopPropagation(); 398 applyLanguage(lang.code); 399 document.body.removeChild(dropdown); dropdown = null; 400 }); 401 dropdown.appendChild(a); 402 }); 403 404 document.body.appendChild(dropdown); 405 406 setTimeout(() => { 407 document.addEventListener('click', function closeDropdown(e) { 408 if (dropdown && !dropdown.contains(e.target) && !trigger.contains(e.target)) { 409 document.body.removeChild(dropdown); dropdown = null; document.removeEventListener('click', closeDropdown); 410 } 411 }); 412 }, 100); 413 }, true); 414 } 415 }); 416 </script>
416 417</li> 418<div class="mobile-lang-isolated"> 419 <button id="isolated-trigger"> 420 <img id="mobile-flag" src="https://flagcdn.com/w40/it.png" alt="Italiano" class="flag-icon"> 421 <span id="mobile-text">IT</span> 422 <span>â¼</span> 423 </button> 424</div> 425</li> 426 </ul> 427 </nav> 428 </div> 429 <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> 430 </div> 431 </header> 432 <main id="main"> 433 <section class="why-us" style="padding-top: 132px;"> 434 <div class="container" data-aos="fade-up"> 435 <div class="section-title" style="padding-bottom: 15px;"> 436 <p style="color: rgb(86, 144, 224);">Per i turisti</p> 437 </div> 438 <div class="row"> 439 <div class="col-lg-4"><a href="turista/cosa-vedere.html"> 440 <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;"> 441 <h4>Cosa Visitare</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i> 442 </div> 443 </a></div> 444 <div class="col-lg-4"><a href="/realmonte/gastronomia.html"> 445 <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;"> 446 <h4>Gastronomia</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i> 447 </div> 448 </a></div> 449 <div class="col-lg-4"><a href="/realmonte/cultura-e-tradizioni.html"> 450 <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;"> 451 <h4>Cultura e Tradizioni</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i> 452 </div> 453 </a></div> 454 <div class="col-lg-4"><a href="/turista/dove-mangiare-e-servizi.html"> 455 <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;"> 456 <h4>Dove Mangiare + Servizi</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i> 457 </div> 458 </a></div> 459 <div class="col-lg-4"><a href="/turista/dove-dormire.html"> 460 <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-bottom: 10px;"> 461 <h4>Dove Dormire</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i> 462 </div> 463 </a></div> 464 <div class="col-lg-4"><a href="index.html#dintorni"> 465 <div class="d-flex justify-content-between align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-bottom: 10px;"> 466 <h4>Dintorni</h4><i class="fas fa-arrow-right" style="font-size: 40px;color: rgb(255,255,255);"></i> 467 </div> 468 </a></div> 469 <div class="col-lg-4"><a href="Dove_mangiare_altri_servizi/generi_alimentari_e_supermercati_fruttivendoli_macellerie_aziende_agricole_e_apicoltori/altri_servizi.html"></a></div> 470 </div> 471 <div class="section-title" style="padding-bottom: 15px;"> 472 <p style="color: rgb(86, 144, 224);">Numeri di Emergenza e Taxi</p> 473 </div> 474 <div class="row"> 475 <div class="col-lg-4" style="margin-bottom: 10px;"><a> 476 <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 26px;"> 477 <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/CARABINIERI.png" style="width: 241px;margin-top: 35px;"><a href="tel:112"> 478 <h4 style="font-size: 45px;text-align: center;margin-bottom: 0px;">112</h4> 479 </a><a href="tel: 0922816253"> 480 <h4 style="font-size: 45px;text-align: center;margin-top: 0px;margin-bottom: 0px;"> 0922 8162 53</h4> 481 </a> 482 <h4 style="font-size: 40px;text-align: center;">Carabinieri</h4> 483 </div> 484 </div> 485 </a></div> 486 <div class="col-lg-4" style="margin-bottom: 10px;"><a href="tel:113"> 487 <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 488 <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/polizia-di-stato.png" style="width: 216px;margin-top: 35px;"> 489 <h4 style="font-size: 45px;text-align: center;"> 113</h4> 490 <h4 style="font-size: 40px;text-align: center;">Polizia di Stato</h4> 491 </div> 492 </div> 493 </a></div> 494 <div class="col-lg-4" style="margin-bottom: 10px;"><a href="tel:115"> 495 <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 496 <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/vigili-del-fuoco.png" style="width: 216px;margin-top: 35px;"> 497 <h4 style="font-size: 45px;text-align: center;"> 115</h4> 498 <h4 style="font-size: 40px;text-align: center;">Vigili del Fuoco</h4> 499 </div> 500 </div> 501 </a></div> 502 <div class="col-lg-4" style="margin-bottom: 10px;"><a href="tel:118"> 503 <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 504 <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/ambulanza.png" style="width: 207px;margin-top: 35px;"> 505 <h4 style="font-size: 45px;text-align: center;"> 118</h4> 506 <h4 style="font-size: 40px;text-align: center;">Ambulanza</h4> 507 </div> 508 </div> 509 </a></div> 510 <div class="col-lg-4" style="margin-bottom: 10px;"><a href="tel:0922422543"> 511 <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 512 <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/guardia-medica.jpg" style="width: 209px;margin-top: 35px;border-radius: 16px;"> 513 <h4 style="font-size: 45px;text-align: center;"> 0922 442 543</h4> 514 <h4 style="font-size: 40px;text-align: center;">Guardia Medica</h4> 515 </div> 516 </div> 517 </a></div> 518 <div class="col-lg-4" style="margin-bottom: 10px;"><a> 519 <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 520 <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/Guardia_Costiera.png" style="width: 241px;margin-top: 35px;"><a href="tel:1530"> 521 <h4 style="font-size: 45px;text-align: center;margin-bottom: 0px;">1530</h4> 522 </a><a href="tel:0922531811"> 523 <h4 style="font-size: 45px;text-align: center;margin-top: 0px;margin-bottom: 0px;"> 0922 531 811</h4> 524 </a> 525 <h4 style="font-size: 40px;text-align: center;">Guardia Costiera</h4> 526 </div> 527 </div> 528 </a></div> 529 <div class="col-lg-4" style="margin-bottom: 10px;"> 530 <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 531 <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/vigili-urbani.png" style="width: 241px;margin-top: 35px;border-width: 0px;border-style: solid;border-radius: 25px;"><a href="tel:0922816577"> 532 <h4 style="font-size: 45px;text-align: center;margin-bottom: 0px;">0922 816 577 </h4> 533 </a><a href="tel:0922810809"></a> 534 <h4 style="font-size: 40px;text-align: center;">Vigili Urbani</h4> 535 </div> 536 </div> 537 </div> 538 <div class="col-lg-4" style="margin-bottom: 10px;"> 539 <div class="d-flex justify-content-center align-items-center box" data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" style="padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 540 <div style="text-align: center;"><img src="/assets/img/numeri-di-emergenza/logo-farmacia.jpg" style="width: 283px;margin-top: 35px;border-width: 0px;border-style: solid;border-radius: 25px;height: 240.75px;"><a href="tel:0922816237"> 541 <h4 style="font-size: 45px;text-align: center;margin-bottom: 0px;">0922 816 237</h4> 542 </a> 543 <h4 style="font-size: 40px;text-align: center;">Farmacia</h4> 544 </div> 545 </div> 546 </div> 547 </div> 548 </div> 549 <div class="container" data-aos="fade-up"> 550 <div class="section-title" style="padding-bottom: 0px;"> 551 <p class="d-flex d-xl-flex align-items-center align-items-xl-center" style="color: rgb(86, 144, 224);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. --> 552 <path d="M192 0c-17.7 0-32 14.3-32 32l0 32 0 .2c-38.6 2.2-72.3 27.3-85.2 64.1L39.6 228.8C16.4 238.4 0 261.3 0 288L0 432l0 48c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-48 320 0 0 48c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-48 0-144c0-26.7-16.4-49.6-39.6-59.2L437.2 128.3c-12.9-36.8-46.6-62-85.2-64.1l0-.2 0-32c0-17.7-14.3-32-32-32L192 0zM165.4 128l181.2 0c13.6 0 25.7 8.6 30.2 21.4L402.9 224l-293.8 0 26.1-74.6c4.5-12.8 16.6-21.4 30.2-21.4zM96 288a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm288 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path> 553 </svg> Taxi</p> 554 </div> 555 <div class="row"> 556 <div class="col-lg-4"><a> 557 <div data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" class="box" style="padding-top: 5px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 558 <h4 style="text-align: center;">Arcuri Sicily Transfer</h4><a href="tel:351 354 0644"> 559 <h4 style="font-size: 30px;text-align: center;margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;">+39 351 354 0644</h4> 560 </a> 561 </div> 562 </a></div> 563 <div class="col-lg-4"><a href="tel:3298441120"> 564 <div data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" class="box" style="padding-top: 5px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 565 <h4 style="text-align: center;">Sig. Cappello</h4><a href="tel:3298441120"> 566 <h4 style="font-size: 30px;text-align: center;margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;">+39 329 844 1120</h4> 567 </a> 568 </div> 569 </a></div> 570 <div class="col-lg-4"><a> 571 <div data-aos="zoom-in" data-aos-duration="400" data-aos-delay="100" class="box" style="padding-top: 5px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 10px;border-radius: 25px;"> 572 <h4 style="text-align: center;">Sig. Cirasolo</h4><a href="tel:360284462"> 573 <h4 style="font-size: 30px;text-align: center;margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;">+39 360 2844 62</h4> 574 </a><a href="tel:3392499731"> 575 <h4 style="font-size: 30px;text-align: center;margin-top: 0px;margin-bottom: 0px;padding-bottom: 20px;">+39 339 2499 731</h4> 576 </a> 577 </div> 578 </a></div> 579 </div> 580 </div> 581 </section> 582 </main> 583 <div id="preloader" style="background: rgb(255,255,255);"> 584 <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> 585 </div>
585<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="2a4b334d-49b9-47c3-adb8-77fcbd39e9d5" data-blockingmode="auto" type="text/javascript"></script>
585 586 <footer id="footer" style="background: #1E549F;"> 587 <div class="footer-top" style="background: #266ED3;border-width: 0px;"> 588 <div class="container"> 589 <div class="row d-xl-flex justify-content-xl-center"> 590 <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> 591 <div class="col-md-6 col-lg-3"> 592 <div class="footer-info"> 593 <h3>PRO LOco di REALMONTE</h3> 594 <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> 595 <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> 596 </div> 597 </div> 598 <div class="col-md-6 col-lg-2 footer-links"> 599 <h4>Link Utili</h4> 600 <ul> 601 <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/index.html" style="font-family: "Playfair Display", serif;">Home</a></li> 602 <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> 603 <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/contatti.html" style="font-family: "Playfair Display", serif;">Contatti</a></li> 604 <li><i class="bx bx-chevron-right" style="color: #ffffff;"></i><a href="/meteo.html" style="font-family: "Playfair Display", serif;">Meteo</a></li> 605 <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> 606 </ul> 607 </div> 608 <div class="col-md-6 col-lg-3 footer-links"> 609 <h4>Enti e organismi associati</h4> 610 <ul> 611 <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> 612 <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> 613 <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> 614 <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> 615 <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> 616 </ul> 617 </div> 618 </div> 619 </div> 620 </div> 621 <div class="container"> 622 <div class="copyright"><strong><span>PRO LOCO REALMONTE<span> © </span>2025</span></strong><span>. TUTTI I DIRITTI RISERVATI</span></div> 623 <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
623sito.<br><br>Provvederemo tempestivamente a verificare la vostra richiesta e ad apportare le modifiche necessarie.</span></div> 624 <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> 625 </div>
625<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="2a4b334d-49b9-47c3-adb8-77fcbd39e9d5" data-blockingmode="auto" type="text/javascript"></script>
625 626 </footer><style> 627 628 .service-link { 629 cursor: pointer !important; 630} 631 632.service-link:hover { 633 cursor: pointer !important; 634} 635 /* Notifica con fade */ 636 .fade-notification { 637 position: fixed; 638 top: 50%; 639 left: 50%; 640 transform: translate(-50%, -50%); 641 width: 90%; 642 max-width: 400px; 643 background: rgba(12,11,9,0.95); 644 color: white; 645 padding: 30px; 646 border-radius: 15px; 647 box-shadow: 0 20px 60px rgba(0,0,0,0.4); 648 z-index: 1000; 649 backdrop-filter: blur(15px); 650 text-align: center; 651 opacity: 0; 652 visibility: hidden; 653 transition: all 0.4s ease; 654 } 655 656 .fade-notification.show { 657 opacity: 1; 658 visibility: visible; 659 } 660 661 .notification-title { 662 font-size: 20px; 663 font-weight: bold; 664 margin-bottom: 15px; 665 color: #ffffff; 666 } 667 668 .notification-text { 669 font-size: 16px; 670 line-height: 1.6; 671 margin-bottom: 25px; 672 color: #e5e5e5; 673 } 674 675 .notification-btn { 676 background: #266ed3; 677 color: white; 678 border: none; 679 padding: 14px 30px; 680 border-radius: 25px; 681 cursor: pointer; 682 font-size: 16px; 683 font-weight: 600; 684 transition: all 0.3s ease; 685 width: 100%; 686 max-width: 200px; 687 } 688 689 .notification-btn:hover { 690 background: #5690e0; 691 transform: translateY(-2px); 692 box-shadow: 0 8px 20px rgba(38, 110, 211, 0.3); 693 } 694 695 /* Overlay per sfondo */ 696 .notification-overlay { 697 position: fixed; 698 top: 0; 699 left: 0; 700 width: 100%; 701 height: 100%; 702 background: rgba(0,0,0,0.5); 703 z-index: 999; 704 opacity: 0; 705 visibility: hidden; 706 transition: all 0.4s ease; 707 } 708 709 .notification-overlay.show { 710 opacity: 1; 711 visibility: visible; 712 } 713 714 /* Responsive */ 715 @media (max-width: 768px) { 716 .fade-notification { 717 width: 95%; 718 padding: 25px 20px; 719 } 720 721 .notification-title { 722 font-size: 18px; 723 } 724 725 .notification-text { 726 font-size: 14px; 727 } 728 729 .notification-btn { 730 font-size: 14px; 731 padding: 12px 25px; 732 } 733 } 734 735 /* Demo container styling */ 736 .demo-container { 737 min-height: 200px; 738 display: flex; 739 align-items: center; 740 justify-content: center; 741 } 742 </style> 743 744 <!-- Overlay per sfondo --> 745 <div class="notification-overlay" id="notificationOverlay"></div> 746 747 <!-- Notifica con fade --> 748 <div class="fade-notification" id="fadeNotification"> 749 <div class="notification-title">Pagina in Arrivo!</div> 750 <div class="notification-text"> 751 Questa sezione non è ancora disponibile, ma lo sarà molto presto! Stiamo lavorando per offrirvi nuovi contenuti e servizi utili per la vostra visita a Realmonte. 752 </div> 753 <button class="notification-btn" onclick="closeNotification()">Ho Capito</button> 754 </div> 755 756
756<script> 757 (function() { 758 'use strict'; 759 760 // Intercetta tutti i click sui link .service-link prima di altri handler 761 document.addEventListener('click', function(e) { 762 const target = e.target.closest('.service-link'); 763 if (target) { 764 // Ferma immediatamente tutti gli eventi 765 e.preventDefault(); 766 e.stopPropagation(); 767 e.stopImmediatePropagation(); 768 769 // Mostra la notifica con fade 770 showNotification(); 771 772 return false; 773 } 774 }, true); // true = capturing phase, prima di altri event listeners 775 776 function showNotification() { 777 const notification = document.getElementById('fadeNotification'); 778 const overlay = document.getElementById('notificationOverlay'); 779 780 if (notification && overlay) { 781 // Mostra overlay e notifica 782 overlay.classList.add('show'); 783 notification.classList.add('show'); 784 } 785 } 786 787 // Funzione globale per chiudere la notifica 788 window.closeNotification = function() { 789 const notification = document.getElementById('fadeNotification'); 790 const overlay = document.getElementById('notificationOverlay'); 791 792 if (notification && overlay) { 793 // Nascondi con fade 794 notification.classList.remove('show'); 795 overlay.classList.remove('show'); 796 } 797 } 798 799 // Chiudi con ESC 800 document.addEventListener('keydown', function(e) { 801 if (e.key === 'Escape') { 802 closeNotification(); 803 } 804 }); 805 806 // Chiudi cliccando sull'overlay 807 const overlay = document.getElementById('notificationOverlay'); 808 if (overlay) { 809 overlay.addEventListener('click', closeNotification); 810 } 811 })(); 812 </script>
812<a class="d-flex justify-content-center align-items-center back-to-top" data-action="scroll-top">
812<script> 813(function() { 814 'use strict'; 815 816 // Intercetta tutti i click prima che Bootstrap Studio li gestisca 817 document.addEventListener('click', function(e) { 818 const target = e.target.closest('.back-to-top'); 819 if (target) { 820 // Ferma immediatamente tutti gli eventi 821 e.preventDefault(); 822 e.stopPropagation(); 823 e.stopImmediatePropagation(); 824 825 // Scroll immediato 826 document.documentElement.scrollTop = 0; 827 document.body.scrollTop = 0; 828 829 return false; 830 } 831 }, true); // true = capturing phase, prima di altri event listeners 832 833 // Gestione della visibilità del pulsante 834 function toggleBackToTop() { 835 const backToTop = document.querySelector('.back-to-top'); 836 if (backToTop) { 837 if (window.scrollY > 100) { 838 backToTop.classList.add('active'); 839 } else { 840 backToTop.classList.remove('active'); 841 } 842 } 843 } 844 845 window.addEventListener('scroll', toggleBackToTop); 846 window.addEventListener('load', toggleBackToTop); 847})(); 848</script>
848<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;"> 849 <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> 850 </svg></a><!-- ATTENZIONE, EVENTUALE DOPPIONE. CONTROLLARE AVVENUTA MODIFICA NELLE PAGINE --> 851 852<div id="language-suggestion-banner" style="display: none;"> 853 <span id="language-suggestion-text"></span> 854 855 <a href="#" id="language-suggestion-link" class="btn btn-sm btn-light"></a> 856 857 <button type="button" id="dismiss-language-banner" class="dismiss-btn">Don't show this again</button> 858 859 <button type="button" id="close-language-banner" class="close-banner-btn">×</button> 860</div> 861 862<style> 863 #language-suggestion-banner { 864 position: fixed; 865 bottom: 0; 866 left: 0; 867 width: 100%; 868 /* Sfondo scuro e trasparente, in linea con il tuo header */ 869 background-color: rgba(12, 11, 9, 0.85); 870 color: #f8f9fa; 871 /* Padding aumentato per rendere la sezione più grande */ 872 padding: 20px; 873 display: flex; 874 justify-content: center; 875 align-items: center; 876 z-index: 1050; 877 box-shadow: 0 -2px 15px rgba(0,0,0,0.3); 878 font-size: 16px; /* Font più grande */ 879} 880 881#language-suggestion-banner span { 882 margin-right: 15px; 883} 884 885/* Stile per il nuovo pulsante "Non visualizzare più" */ 886.dismiss-btn { 887 background: none; 888 border: none; 889 color: #adb5bd; /* Colore grigio per renderlo meno prominente */ 890 text-decoration: underline; 891 cursor: pointer; 892 margin-left: 20px; 893 font-size: 14px; 894 transition: color 0.3s ease; 895} 896.dismiss-btn:hover { 897 color: #fff; 898} 899 900/* Stile per il pulsante di chiusura (la 'x') */ 901.close-banner-btn { 902 position: absolute; 903 right: 20px; 904 top: 50%; 905 transform: translateY(-50%); 906 background: none; 907 border: none; 908 color: #fff; 909 font-size: 28px; 910 line-height: 1; 911 cursor: pointer; 912 opacity: 0.7; 913} 914.close-banner-btn:hover { 915 opacity: 1; 916} 917 @media (max-width: 768px) { 918 919 /* 1. Cambia il layout del banner da riga a colonna */ 920 #language-suggestion-banner { 921 flex-direction: column; /* Stacka gli elementi verticalmente */ 922 text-align: center; 923 padding-top: 25px; 924 padding-bottom: 25px; 925 } 926 927 /* 2. Aggiusta i margini per la nuova disposizione */ 928 #language-suggestion-banner span { 929 margin-right: 0; /* Rimuove il margine destro */ 930 margin-bottom: 15px; /* Aggiunge spazio sotto il testo */ 931 } 932 933 /* Il pulsante principale ora sta sopra quello "non visualizzare più" */ 934 #language-suggestion-link { 935 margin-bottom: 15px; 936 } 937 938 /* Rimuove il margine laterale dal pulsante "Non visualizzare più" */ 939 .dismiss-btn { 940 margin-left: 0; 941 } 942 943 /* 3. Riposiziona la 'X' di chiusura in alto a destra */ 944 .close-banner-btn { 945 top: 10px; 946 right: 15px; 947 transform: none; /* Annulla la centratura verticale che non serve più */ 948 } 949 950} 951</style> 952
953<script> 954document.addEventListener('DOMContentLoaded', function() { 955 // 1. Controlla se l'utente ha scelto di NON vederlo MAI PIà 956 if (localStorage.getItem('languageBannerDismissed')) { 957 return; // Esce e non fa nulla 958 } 959 960 const browserLang = (navigator.language || navigator.userLanguage).toLowerCase(); 961 962 // 2. Controlla se la lingua del browser NON è italiano 963 if (!browserLang.startsWith('it')) { 964 // Seleziona tutti gli elementi del banner 965 const banner = document.getElementById('language-suggestion-banner'); 966 const bannerText = document.getElementById('language-suggestion-text'); 967 const bannerLink = document.getElementById('language-suggestion-link'); 968 const dismissBtn = document.getElementById('dismiss-language-banner'); 969 const closeBtn = document.getElementById('close-language-banner'); 970 971 // Imposta il testo e il link del banner (suggerendo la versione INGLESE) 972 bannerText.textContent = "This site is also available in English. [UNDER COSTRUCTION]"; 973 bannerLink.textContent = "View English Version"; 974 bannerLink.href = '/en/'; // Link alla homepage inglese 975 976 // Mostra il banner 977 banner.style.display = 'flex'; 978 979 // Gestione click su "Don't show again" 980 dismissBtn.addEventListener('click', function() { 981 banner.style.display = 'none'; 982 localStorage.setItem('languageBannerDismissed', 'true'); 983 }); 984 985 // Gestione click sulla "X" (chiusura temporanea) 986 closeBtn.addEventListener('click', function() { 987 banner.style.display = 'none'; 988 }); 989 } 990}); 991</script>
991 992
992<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
992 993
993<script src="/assets/js/./embed/animation/aos.min.js"></script>
993 994
994<script src="/assets/js/bs-init.js"></script>
994 995
995<script src="/assets/js/vendor/aos/aos.js"></script>
995 996
996<script src="/assets/js/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
996 997
997<script src="/assets/js/vendor/glightbox/js/glightbox.min.js"></script>
997 998
998<script src="/assets/js/vendor/isotope-layout/isotope.pkgd.min.js"></script>
998 999
999<script src="/assets/js/vendor/swiper/swiper-bundle.min.js"></script>
999 1000
1000<script src="/assets/js/js/main.js"></script>
1000 1001
1001<script src="/assets/js/Simple-Slider-swiper-bundle.min.js"></script>
1001 1002
1002<script src="/assets/js/Simple-Slider.js"></script>
1002 1003</body> 1004 1005</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.