1<!DOCTYPE html> 2 3<html lang="it" 4 class="m-0 p-0" 5 xmlns:og="http://opengraphprotocol.org/schema/" 6 xmlns:fb="http://www.facebook.com/2008/fbml"> 7<head> 8<!-- Consent Management Platform (acconsento): caricata per prima cosi' il 9 suo patch al DOM e' attivo quando third-party-delayed.asp inietta gli 10 script di terze parti (GTM, Facebook Pixel, Clarity). Vedi bottom.asp. --> 11 12
13<script src="https://acconsento.click/script.js" 14 id="acconsento-script" 15 async 16 data-key="35dUJC46mms7ntjCcTC75jPWRElmsdYPj5qIP7WP"></script>
vendor: 2 bytes, line 16
16
17<script> 18 window.loadEvents = []; 19 window.addInit = function(fn) { 20 window.loadEvents.push(fn); 21 }; 22</script>
22 23 24 <title>Ricerca strutture - Isola d'Elba</title> 25 <meta name="description" content="Cerca strutture ricettive sull'Isola d'Elba. Trova hotel, appartamenti, residence, campeggi e agriturismi per la tua vacanza."/> 26 <meta name="keywords" content="isola delba, vacanze elba"/> 27 28 <link rel="canonical" href="https://www.infoelba.it/dove-dormire/ricerca/" /> 29 <meta property="og:title" content="Ricerca strutture - Isola d'Elba"/> 30 <meta property="og:url" content="https://www.infoelba.it/dove-dormire/ricerca/"/> 31 <meta property="og:site_name" content="Infoelba - Informazioni sull'Isola d'Elba"/> 32 <meta property="og:description" content="Cerca strutture ricettive sull'Isola d'Elba. Trova hotel, appartamenti, residence, campeggi e agriturismi per la tua vacanza."/> 33 <meta property="og:locale" content="it_IT"/> 34 <meta property="fb:app_id" content="152755874746415"/> 35 <meta property="fb:admins" content="1524497938,1118752100"/> 36 <meta property="og:image" content="https://www.infoelba.it/foto-isola-delba/isola-d-elba/panorami/scogliere-isola-elba-dsc_6624.jpg"/> 37 <meta property="og:image:type" content="image/jpeg"/> 38 <meta charset="UTF-8" /> 39 <meta name="language" content="it" /> 40 <meta name="author" content="Infoelba srl" /> 41 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 42 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 43 44 <meta name="msvalidate.01" content="3A7E7112C6AFB5CB57708C240490F49D" /> 45 <meta name="y_key" content="737ccc5c73d56c29" /> 46 <meta name="google-site-verification" content="uzaoiGq6b-vMvH1qAZ_0F-5QtKOIveFDkvDaD4S7AuA" /> 47 48 <link rel="author" href="/humans.txt" /> 49 50 <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon/apple-touch-icon-57x57.png?v=114" /> 51 <link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon/apple-touch-icon-114x114.png?v=114" /> 52 <link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon/apple-touch-icon-72x72.png?v=114" /> 53 <link rel="apple-touch-icon" sizes="144x144" href="/assets/favicon/apple-touch-icon-144x144.png?v=114" /> 54 <link rel="apple-touch-icon" sizes="60x60" href="/assets/favicon/apple-touch-icon-60x60.png?v=114" /> 55 <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon/apple-touch-icon-120x120.png?v=114" /> 56 <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/apple-touch-icon-76x76.png?v=114" /> 57 <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon/apple-touch-icon-152x152.png?v=114" /> 58 <meta name="apple-mobile-web-app-title" content="Infoelba - Vacanze all'Isola d'Elba" /> 59 <link rel="icon" type="image/x-icon" href="/assets/favicon/favicon.ico?v=114" sizes="48x48 32x32 16x16" /> 60 <link rel="icon" type="image/png" href="/assets/favicon/favicon-196x196.png?v=114" sizes="196x196" /> 61 <link rel="icon" type="image/png" href="/assets/favicon/favicon-160x160.png?v=114" sizes="160x160" /> 62 <link rel="icon" type="image/png" href="/assets/favicon/favicon-96x96.png?v=114" sizes="96x96" /> 63 <link rel="icon" type="image/png" href="/assets/favicon/favicon-16x16.png?v=114" sizes="16x16" /> 64 <link rel="icon" type="image/png" href="/assets/favicon/favicon-32x32.png?v=114" sizes="32x32" /> 65 <meta name="msapplication-TileColor" content="#2d89ef" /> 66 <meta name="msapplication-TileImage" content="/assets/favicon/mstile-144x144.png?v=114" /> 67 <meta name="application-name" content="Infoelba - Vacanze all'Isola d'Elba" /> 68 <meta name="referrer" content="always" /> 69<link rel="alternate" hreflang="de" href="https://www.infoelba.net/wo-schlafen/suche/" /> 70<link rel="alternate" hreflang="en" href="https://www.infoelba.com/where-to-sleep/search/" /> 71<link rel="alternate" hreflang="fr" href="https://www.iledelbe.net/ou-dormir/recherche/" /> 72<link rel="alternate" hreflang="it" href="https://www.infoelba.it/dove-dormire/ricerca/" /> 73 74<link href="/assets/css/font-quicksand.min.css?v=114" rel="stylesheet" type="text/css" media="all" /> 75<link href="/assets/css/leaflet.min.css?v=114" rel="stylesheet" type="text/css" media="all" /> 76<link href="/assets/css/style.min.css?v=114" rel="stylesheet" type="text/css" media="screen,print" /> 77<link href="/assets/css/icons.min.css?v=114" rel="stylesheet" type="text/css" media="screen,print" /> 78 79 80</head> 81<body id="page-377" class="m-0 p-0 text-base tpl-structure-search"> 82 83 84<a class="skip-link" href="#main-content">Salta al contenuto principale</a> 85 86<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 86-87
86 87<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
87GTM-W3FQMDH
vendor: 83 bytes, lines 87-88
87" 88height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
89<!-- End Google Tag Manager (noscript) --> 90 91 92 93
94<script> 95 window.dataLayer = window.dataLayer || []; 96 function gtag(){ 97 dataLayer.push(arguments); 98 } 99 gtag('js', new Date()); 100 101 gtag('config', 'GTM-W3FQMDH', { 102 'linker': { 103 'domains': ['infoelba.com','infoelba.net','iledelbe.net'] 104 }, 105 'anonymize_ip': true 106 }); 107 108 109</script>
109 110 111<div id="wrapper"> 112 <div id="menu-pusher" class="menu-pusher"> 113 <nav id="mp-menu" class="mp-menu lg:hidden" role="navigation"> 114 <div class="mp-level"> 115 <ul> 116 <li><a href="/" class="full" > 117 Home</a> 118 </li> 119 <li class="icon-arrow-left"> 120 <a href="#" 121 class="link"> 122 Muoversi 123 </a> 124 <div class="mp-level"> 125 <h2>Muoversi</h2> 126 <a class="mp-back" href="#">Indietro</a> 127 <ul> 128 129 <li> 130 <a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/" 131 > 132 Noleggi 133 <span class="hidden-xs hidden-sm"></span> 134 </a> 135 </li> 136 137 <li> 138 <a href="/arrivare-muoversi/muoversi-sull-isola/taxi/" 139 > 140 Taxi 141 <span class="hidden-xs hidden-sm"></span> 142 </a> 143 </li> 144 145 <li> 146 <a href="/arrivare-muoversi/muoversi-sull-isola/autobus/" 147 > 148 Autobus 149 <span class="hidden-xs hidden-sm"></span> 150 </a> 151 </li> 152 153 <li> 154 <a href="/informazioni-utili/numeri-indirizzi-utili/servizi-camper-roulotte/" 155 > 156 Parcheggi 157 <span class="hidden-xs hidden-sm"></span> 158 </a> 159 </li> 160 161 </ul> 162 </div> 163 </li> 164 <li><a href="/dove-dormire/ricerca/" class="full" > 165 Dormire</a> 166 </li><li><a href="/mangiare/ristoranti-pizzerie/" class="full" > 167 Mangiare</a> 168 </li> 169 <li class="icon-arrow-left"> 170 <a href="#" 171 class="link"> 172 Mare 173 </a> 174 <div class="mp-level"> 175 <h2>Mare</h2> 176 <a class="mp-back" href="#">Indietro</a> 177 <ul> 178 179 <li> 180 <a href="/isola-d-elba/spiagge/" 181 > 182 Spiagge 183 <span class="hidden-xs hidden-sm"></span> 184 </a> 185 </li> 186 187 <li> 188 <a href="/isola-d-elba/spiagge/stabilimenti-balneari/" 189 > 190 Stabilimenti 191 <span class="hidden-xs hidden-sm"></span> 192 </a> 193 </li> 194 195 <li> 196 <a href="/sport-tempo-libero/sport-mare/diving/" 197 > 198 Diving 199 <span class="hidden-xs hidden-sm"></span> 200 </a> 201 </li> 202 203 <li> 204 <a href="/sport-tempo-libero/sport-mare/vela/" 205 > 206 Vela 207 <span class="hidden-xs hidden-sm"></span> 208 </a> 209 </li> 210 211 </ul> 212 </div> 213 </li> 214 <li><a href="/isola-d-elba/escursioni-guidate/" class="full" > 215 Escursioni</a> 216 </li><li><a href="/sport-tempo-libero/" class="full" > 217 Sport</a> 218 </li><li><a href="/isola-d-elba/luoghi-da-visitare/" class="full" > 219 Luoghi da visitare</a> 220 </li><li><a href="/offerte-isola-delba/" class="full" > 221 Offerte</a> 222 </li><li><a href="/last-minute-isola-delba/" class="full" > 223 Last Minute</a> 224 </li><li><a href="/arrivare-muoversi/come-arrivare/traghetti/prenotazione/" class="full" > 225 Traghetti</a> 226 </li> 227 </ul> 228 </div> 229</nav> 230 <div id="page-content-wrapper"> 231 <div id="page-content-inner"> 232 233<header class="bg-primary sticky top-0 z-[51] shadow-md lg:static lg:shadow-none py-2 lg:py-4"> 234 <div class="flex items-center justify-between max-w-7xl mx-auto"> 235 236 <button id="menu-trigger" class="text-white p-5 lg:hidden" 237 type="button" 238 aria-controls="mp-menu" aria-expanded="false"> 239 <i class="fi fi-tr-bars-staggered text-lg " aria-hidden="true"></i> 240 <span class="sr-only">Menu</span> 241 </button> 242 243 244 <a class="hidden lg:flex ml-4 items-center justify-center" href="/"> 245 <img src="/assets/img/header-logo.png" alt="Infoelba - Dove natura è vacanza" 246 class="max-h-6 lg:max-h-12 lg:block" /> 247 <!--<img src="/assets/img/natale/header-logo.png" alt="Infoelba - Dove natura è vacanza" class="animated tada x2" 248 width="324" height="83" />--> 249 </a> 250 <div class="min-w-32 lg:min-w-96"> 251 252<form method="get" action="/ricerca/" class="flex items-center" role="search"> 253 <label for="q" class="sr-only">Cerca sul sito</label> 254 <input name="q" type="text" id="q" class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md !rounded-r-none !border-none" value="" 255 placeholder="Cerca sul sito " /> 256 <button type="submit" class="btn btn-info !rounded-l-none !border-t-0 !border-r-0 !border-b-0 btn-sm flex items-center self-stretch"> 257 <i class="fa fa-search text-base" aria-hidden="true"></i>
258 <span class="sr-only">Avvia la ricerca</span> 259 </button> 260</form> 261 262 </div> 263 264 265 266<button data-dropdown-toggle="navbar-language-dropdown" 267 class="flex items-center gap-2 py-2 px-3 md:mr-4 text-white hover:text-primary rounded-md hover:bg-gray-50"> 268 <img src="/assets/img/bandiere/it-IT.png" class="h-4" alt="" /> 269 <span class="sr-only">Menù lingue</span> 270 <i class="fi fi-ts-angle-small-down "></i> 271</button> 272<div id="navbar-language-dropdown" class="z-[51] hidden font-normal bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-auto p-3"> 273 <ul class="flex flex-col gap-2 text-white"> 274 275 <li> 276 <a href="https://www.infoelba.it/dove-dormire/ricerca/" hreflang="it" class="p-2 flex items-center rounded-md gap-1 text-gray-600 hover:bg-amber-500/10"> 277 <img src="/assets/img/bandiere/it-IT.png" alt="" class="w-auto h-4" /> 278 Italiano 279 </a> 280 </li> 281 282 <li> 283 <a href="https://www.infoelba.com/where-to-sleep/search/" hreflang="en" class="p-2 flex items-center rounded-md gap-1 text-gray-600 hover:bg-amber-500/10"> 284 <img src="/assets/img/bandiere/en-GB.png" alt="" class="w-auto h-4" /> 285 Inglese 286 </a> 287 </li> 288 289 <li> 290 <a href="https://www.infoelba.net/wo-schlafen/suche/" hreflang="de" class="p-2 flex items-center rounded-md gap-1 text-gray-600 hover:bg-amber-500/10"> 291 <img src="/assets/img/bandiere/de-DE.png" alt="" class="w-auto h-4" /> 292 Tedesco 293 </a> 294 </li> 295 296 <li> 297 <a href="https://www.iledelbe.net/ou-dormir/recherche/" hreflang="fr" class="p-2 flex items-center rounded-md gap-1 text-gray-600 hover:bg-amber-500/10"> 298 <img src="/assets/img/bandiere/fr-FR.png" alt="" class="w-auto h-4" /> 299 Francese 300 </a> 301 </li> 302 303 </ul> 304</div> 305 306 </div> 307</header> 308 309 310<nav id="mainmenu-header" role="navigation" aria-label="Main nav" class="bg-primary hidden lg:block lg:sticky stick-stuck top-[-2px] pt-[2px] shadow-md z-50"> 311 <div class="flex flex-wrap justify-center items-center mx-auto max-w-screen-xl p-4"> 312 <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1"> 313 <ul class="flex font-medium space-x-2 lg:space-x-4"> 314 <li id="mainmenu-header-logo" class="flex items-center"> 315 <a href="/"> 316 <img src="/assets/img/header-logo.png" alt="Infoelba - Dove natura è vacanza" class="h-0 max-h-6" /> 317 </a> 318 </li> 319 320 <li> 321 <button id="menuentry-456" 322 data-dropdown-toggle="menu-456-dropdown" 323 class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline transition-colors columns-2" 324 > 325 Dormire 326 <i class="fi fi-ts-angle-small-down"></i> 327 </button> 328 </li> 329 330 <li> 331 <button id="menuentry-474" 332 data-dropdown-toggle="menu-474-dropdown" 333 class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline transition-colors columns-2" 334 > 335 Arrivare e muoversi 336 <i class="fi fi-ts-angle-small-down"></i> 337 </button> 338 </li> 339 340 <li> 341 <button id="menuentry-457" 342 data-dropdown-toggle="menu-457-dropdown" 343 class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline transition-colors columns-2" 344 > 345 Isola d'Elba 346 <i class="fi fi-ts-angle-small-down"></i> 347 </button> 348 </li> 349 350 <li> 351 <button id="menuentry-458" 352 data-dropdown-toggle="menu-458-dropdown" 353 class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline transition-colors columns-2" 354 > 355 Esperienze 356 <i class="fi fi-ts-angle-small-down"></i> 357 </button> 358 </li> 359 360 <li> 361 <button id="menuentry-459" 362 data-dropdown-toggle="menu-459-dropdown" 363 class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline active:text-primary active:bg-gray-50 active:no-underline focus:text-primary focus:bg-gray-50 focus:no-underline transition-colors columns-2" 364 > 365 Servizi 366 <i class="fi fi-ts-angle-small-down"></i> 367 </button> 368 </li> 369 370 <li> 371 <button 372 data-src="/la-mia-scelta/" 373 data-toggle="modal" 374 data-ui-action="openModalIframe" 375 data-title="Preferiti" 376 class="flex items-center gap-2 py-2 px-3 text-white rounded-md hover:text-primary hover:bg-gray-50 hover:no-underline focus:no-underline active:no-underline transition-colors"> 377 <span class="favorites-badge"><i class="fa fa-heart"></i> 0</span> 378 </button> 379 </li> 380 </ul> 381 </div> 382 </div> 383</nav> 384 385<div id="menu-456-dropdown" class="hidden w-full z-[60]"> <div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/isola-d-elba/spiagge/biodola/o_hotel-elba_dsc_2902.JPG?quality=90&w=800&h=600&mode=crop" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2"> <h3 class="font-bold text-xl mb-2 text-gray-800">Dormire</h3> <ul class="hidden md:block columns-2 "><li><a href="/dove-dormire/ricerca/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Cerca un alloggio</a></li><li><a href="/disponibilita-prezzi-soggiorni/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Richiedi un preventivo</a></li><li><a href="/dove-dormire/strutture-aperte-tutto-l-anno/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Strutture aperte tutto lâanno</a></li><li><a href="/dove-dormire/hotel/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-hotel text-xl"></i>Hotel</a></li><li><a href="/dove-dormire/residence/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-tr-house-building text-xl"></i>Residence</a></li><li><a href="/dove-dormire/bed-and-breakfast/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-house-night text-xl"></i>Bed & Breakfast</a></li><li><a href="/dove-dormire/agriturismi/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-farm text-xl"></i>Agriturismi</a></li><li><a href="/dove-dormire/campeggi/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-tents text-xl"></i>Campeggi</a></li><li><a href="/dove-dormire/agricampeggi/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-tr-caravan text-xl"></i>Agricampeggi</a></li><li><a href="https://www.infoelba.it/dove-dormire/servizi-camper-roulotte/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Aree di sosta Camper e Roulotte</a></li><li><a href="/dove-dormire/appartamenti/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-tr-house-chimney-blank text-xl"></i>Appartamenti e case vacanza</a></li><li><a href="/dove-dormire/villette-case-indipendenti/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-ts-house-tree text-xl"></i>Villette e case indipendenti</a></li><li><a href="/dove-dormire/ville/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"><i class="fi fi-tr-house-chimney text-xl"></i>Ville</a></li><li><a href="/dove-dormire/vacanze-lusso/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Strutture di lusso</a></li></ul></div></div></div><div id="menu-474-dropdown" class="hidden w-full z-[60]"> <div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/traghetti-imbarcazioni/blu-navy/o_drone-blu-navy-traghetti-isola-elba-10.jpg?quality=90&mode=crop&w=800&h=600" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2"> <h3 class="font-bold text-xl mb-2 text-gray-800">Arrivare e muoversi</h3> <ul class="hidden md:block columns-2 "><li>
385<a href="/arrivare-muoversi/come-arrivare/traghetti/prenotazione/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Traghetti</a></li><li><a href="https://www.infoelba.it/arrivare-muoversi/come-arrivare/auto/garage-parcheggi-piombino/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Parcheggi a Piombino</a></li><li><a href="/arrivare-muoversi/come-arrivare/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Come raggiungere l'isola</a></li><li><a href="/arrivare-muoversi/deposito-bagagli/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Deposito bagagli</a></li><li><a href="/arrivare-muoversi/muoversi-sull-isola/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Muoversi sull'isola</a></li><li><a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/auto-moto-scooter/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Noleggi auto e scooter</a></li><li><a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/prenotazione-online-scooter/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Noleggio online scooter</a></li><li><a href="/arrivare-muoversi/muoversi-sull-isola/taxi/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Taxi e NCC</a></li></ul></div></div></div><div id="menu-457-dropdown" class="hidden w-full z-[60]"> <div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/isola-d-elba/spiagge/le-ghiaie/o_ghiaie2.jpg?quality=90&w=800&h=600&mode=crop" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2"> <h3 class="font-bold text-xl mb-2 text-gray-800">Isola d'Elba</h3> <ul class="hidden md:block columns-2 "><li><a href="/isola-d-elba/spiagge/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Spiagge e coste</a></li><li><a href="/scoprire-elba/comuni-paesi/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Comuni e paesi</a></li><li><a href="/isola-d-elba/luoghi-da-visitare/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Cosa vedere</a></li><li><a href="https://www.infoelba.it/mangiare/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Sapori dellâElba</a></li><li><a href="/isola-d-elba/parco-nazionale-arcipelago-toscano/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Parco Nazionale dell'Arcipelago Toscano</a></li><li><a href="/informazioni-utili/webcam/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Webcam</a></li></ul></div></div></div><div id="menu-458-dropdown" class="hidden w-full z-[60]"> <div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/sport/wing-foil/o_wingfoil-elba.jpg?quality=90&mode=crop&w=800&h=600" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2"> <h3 class="font-bold text-xl mb-2 text-gray-800">Esperienze</h3> <ul class="hidden md:block columns-2 "><li><a href="/sport-tempo-libero/esperienze-elba/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Elba da non perdere</a></li><li><a href="/sport-tempo-libero/sport-mare/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Sport acquatici</a></li><li><a href="/sport-tempo-libero/sport-terra/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Sport outdoor</a></li><li><a href="https://www.infoelba.it/sport-tempo-libero/wellness/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Wellness</a></li><li><a href="https://www.infoelba.it/isola-d-elba/escursioni-guidate/musei-luoghi-storici-natura/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Escursioni guidate</a></li><li><a href="/isola-d-elba/escursioni-guidate/gite-in-barca-pesca/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Gite in barca</a></li><li><a href="/sport-tempo-libero/sport-terra/elba-in-bici/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">L'Elba in bici</a></li><li><a href="/elba-sentieri-cammini/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Trekking: cammini e sentieri</a></li><li><a href="https://www.infoelba.it/isola-d-elba/tour-personalizzati/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Tour personalizzati</a></li><li><a href="/mangiare/wine-food-experience/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Wine & Food Experience</a></li><li><a href="https://www.infoelba.it/isola-d-elba/vacanze-personalizzate/famiglia-bambini/attivita-bambini/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Attività per bambini</a></li><li><a href="/sport-tempo-libero/eventi-manifestazioni/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Eventi e manifestazioni</a></li></ul></div></div></div><div id="menu-459-dropdown" class="hidden w-full z-[60]"> <div class="grid gap-4 items-start max-w-screen-xl px-4 py-5 mx-auto bg-gray-100 border-gray-200 shadow-xl border-y rounded-b-xl text-gray-500 md:grid-cols-3 md:px-6"><img src="https://dati.infoelba.it/media/photos/servizi/guardia-costiera/o_dsc_6494.jpg?quality=90&mode=crop&w=800&h=600" class=" hidden md:block rounded-lg" loading="lazy" decoding="async" alt="" /><div class="col-span-2"> <h3 class="font-bold text-xl mb-2 text-gray-800">Servizi</h3> <ul class="hidden md:block columns-2 "><li><a href="/mangiare/ristoranti-pizzerie/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Ristoranti e pizzerie</a></li><li><a href="/dove-dormire/agenzie-turistiche-immobiliari/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Agenzie turistiche e immobiliari</a></li><li><a href="/isola-d-elba/spiagge/stabilimenti-balneari/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Stabilimenti balneari</a></li><li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/bar
385che-gommoni/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Noleggio Imbarcazioni</a></li><li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/charter-vela/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Charter a vela</a></li><li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/bici/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Noleggi bici e e-bike</a></li><li><a href="/sport-tempo-libero/shopping/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Shopping</a></li><li><a href="https://www.infoelba.it/sport-tempo-libero/corsi-vacanze-studio/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Corsi e vacanze studio </a></li><li><a href="https://www.infoelba.it/isola-d-elba/vacanze-personalizzate/animali-domestici/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Viaggiare con animali</a></li><li><a href="https://www.infoelba.it/informazioni-utili/app-smartphone/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">App gratuite</a></li><li><a href="/informazioni-utili/meteo-isola-delba/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Meteo</a></li><li><a href="/informazioni-utili/numeri-indirizzi-utili/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Numeri utili</a></li><li><a href="/annunci-immobiliari-elba/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Annunci immobiliari</a></li></ul></div></div></div> 386 <main id="main-content" class="px-4" tabindex="-1"> 387 388 389 <div class="container"> 390 <ol class="breadcrumb"> 391 392 <li><a href="/">Isola d'Elba</a></li> 393 394 <li><a href="/dove-dormire/">Dove dormire</a></li> 395 396 <li class="active">Ricerca strutture</li> 397 398 </ol> 399 </div> 400
400<script type="application/ld+json">{ 401 "@context": "https://schema.org", 402 "@type": "BreadcrumbList", 403 "itemListElement": [ 404 { 405 "@type": "ListItem", 406 "position": 1, 407 "name": "Isola d'Elba", 408 "item": "https://www.infoelba.it/" 409 }, 410 { 411 "@type": "ListItem", 412 "position": 2, 413 "name": "Dove dormire", 414 "item": "https://www.infoelba.it/dove-dormire/" 415 }, 416 { 417 "@type": "ListItem", 418 "position": 3, 419 "name": "Ricerca strutture", 420 "item": "https://www.infoelba.it/dove-dormire/ricerca/" 421 } 422 ] 423}</script>
423 424 <div class="container-fluid"> 425 <div class="container"> 426 <h1 class="text-3xl text-gray-600 font-bold mb-2">Ricerca strutture ricettive all'Isola d'Elba: hotel, residence, appartamenti</h1><h2 class="text-2xl text-gray-600 mb-4">Hotel, camping, residence, appartamenti e ville per vacanze all'Isola d'Elba</h2> 427 </div> 428 429 <div class="grid grid-cols-12 gap-2 lg:gap-4" id="search"> 430 <div class="col-span-12 container mx-auto sticky top-14 z-[58] bg-white/95 backdrop-blur-sm p-2 shadow-lg rounded-lg" id="filter-form-container"> 431 432<!-- Filter header with toggle button - this stays visible --> 433<button 434 type="button" 435 class="flex items-center justify-between w-full p-2 text-purple-500 font-bold hover:text-primary focus:outline-none" 436 data-collapse-toggle="filter-form-content" 437 aria-expanded="true" 438 aria-controls="filter-form-content"> 439 <span class="p-2 flex items-center justify-center rounded-full text-white bg-purple-500"><i class="fi fi-tr-filter"></i></span> 440 Mostra o nascondi i filtri 441 <i class="fi fi-ts-angle-small-down text-xl transition-transform" id="filter-toggle-icon"></i> 442</button> 443 444<!-- Collapsible filter content only --> 445<div id="filter-form-content" class="transition-all duration-300"> 446 <form id="filter-form" 447 class="relative grid grid-cols-2 md:grid-cols-3 xl:grid-cols-6 gap-2 items-stretch text-xs sm:text-base" 448 action="/requests/ajax/structure-filters.asp" data-autosubmit="true"> 449 450 <!-- Nome --> 451 <div class="hidden md:flex col-span-1 items-center p-2 bg-white text-gray-500 rounded-md"> 452 <div id="search-filter-name" class="flex items-center w-full"> 453 454 <label for="nome" class="sr-only">Nome</label> 455 <input name="nome" type="text" id="nome" class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md !rounded-r-none" placeholder="Nome" /> 456 <button class="btn btn-primary !rounded-l-none btn-sm flex items-center self-stretch" type="button"> 457 <i class="fa fa-search" aria-hidden="true"></i> 458 <span class="sr-only">Avvia la ricerca</span> 459 </button> 460 </div> 461 </div> 462 463 <!-- Tipo --> 464 <div id="search-filter-type" class="flex"> 465 <button class="btn btn-default !p-2 w-full col-span-1" type="button" 466 data-dropdown-toggle="search-filter-type-dropdown" 467 aria-haspopup="true" aria-expanded="false"> 468 <span class="flex items-center gap-2 w-full"> 469 <span class="flex flex-1 flex-col gap-1"> 470 <span class="flex items-center justify-start font-bold gap-2"> 471 <i class="fi fi-tr-house-blank"></i> Tipologia 472 </span> 473 <span id="type-active-filter" class="search-filter-active-label text-left text-ellipsis"> 474 Qualsiasi 475 </span> 476 </span> 477 <span> 478 <i class="fi fi-ts-angle-small-down text-lg !border-none !bg-transparent !p-0 !text-primary-text"></i> 479 </span> 480 </span> 481 </button> 482 483 <div id="search-filter-type-dropdown" class="search-filter hidden z-[90] mx-1 w-screen md:w-[50vw] xl:w-[40vw] shadow-md rounded-b-lg"> 484 <div class="flex flex-col gap-2 bg-white rounded-t-lg p-2"> 485 <div class="flex items-start gap-2"> 486 487 <div class="flex flex-col flex-1 gap-2" role="radiogroup" aria-label="Struttura"> 488 <label class=" flex items-center gap-2 cursor-pointer "> 489 <input type="radio" value="" name="tipo" data-reset="true" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 490 Qualsiasi 491 </label> 492 493 <label class=" flex items-center gap-2 cursor-pointer "> 494 <input type="radio" value="ac" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 495 Agricampeggi 496 </label> 497 498 <label class=" flex items-center gap-2 cursor-pointer "> 499 <input type="radio" value="ag" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 500 Agriturismi 501 </label> 502 503 <label class=" flex items-center gap-2 cursor-pointer "> 504 <input type="radio" value="ap" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 505 Appartamenti 506 </label> 507 508 <label class=" flex items-center gap-2 cursor-pointer "> 509 <input type="radio" value="bb" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 510 Bed & breakfast 511 </label> 512 513 <label class=" flex items-center gap-2 cursor-pointer "> 514 <input type="radio" value="ci" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 515 Villette e case indipendenti 516 </label> 517 518 <label class=" flex items-center gap-2 cursor-pointer "> 519 <input type="radio" value="cp" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 520 Campeggi 521 </label> 522 523 <label class=" flex items-center gap-2 cursor-pointer "> 524 <input type="radio" value="ht" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 525 Hotel e alberghi 526 </label> 527 528 <label class=" flex items-center gap-2 cursor-pointer "> 529 <input type="radio" value="re" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 530 Residence 531 </label> 532 533 <label class=" flex items-center gap-2 cursor-pointer "> 534 <input type="radio" value="vi" name="tipo" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 535 Ville 536 </label> 537 538 </div> 539 <div class="flex flex-col flex-1" id="type-features"> 540 <div id="type-categories" class="flex flex-1 flex-col gap-2 mb-2"> 541 </div> 542 <div id="hotel-treatments" class="flex flex-1 flex-col gap-2"> 543 </div> 544 </div> 545 </div> 546 </div> 547 <div class="p-2 bg-gray-100 rounded-b-lg border-t border-t-gray-200 border-solid flex items-center gap-2"> 548 <button type="button" class="btn btn-success dropdown-close" 549 onclick="$(this).parents('#search-filter-type').find('button[data-dropdown-toggle]').trigger('click')"> 550 <i class="fa fa-check"></i> OK 551 </button> 552 <button type="button" class="btn btn-primary" 553 onclick="Infoelba.UI.scrollTo('#search-results');"> 554 <i class="fas fa-list"></i> Risultati della ricerca 555 </button> 556 </div> 557 </div> 558 </div> 559 560 <!-- Zona --> 561 562 <div id="search-filter-zone" class="flex"> 563 <button class="btn btn-default !p-2 w-full col-span-1" type="button" 564 data-dropdown-toggle="search-filter-zone-dropdown" 565 aria-haspopup="true" aria-expanded="false">
566 <span class="flex items-center gap-2 w-full"> 567 <span class="flex flex-1 flex-col gap-1"> 568 <span class="flex items-center justify-start font-bold gap-2"> 569 <i class="fi fi-tr-region-pin"></i> Zona 570 </span> 571 <span id="zone-active-filter" class="search-filter-active-label text-left"> 572 Qualsiasi 573 </span> 574 </span> 575 <span> 576 <i class="fi fi-ts-angle-small-down text-lg !border-none !bg-transparent !p-0 !text-primary-text"></i> 577 </span> 578 </span> 579 </button> 580 581 <div id="search-filter-zone-dropdown" class="search-filter hidden z-[90] mx-1 w-screen md:w-[50vw] xl:w-[40vw] shadow-md rounded-b-lg"> 582 <div class="flex flex-col gap-2 bg-white rounded-t-lg p-2"> 583 <div class="flex items-start gap-2"> 584 <div class="flex flex-col gap-2" role="radiogroup" aria-label="Zona"> 585 <label class=" flex items-center gap-2 cursor-pointer "> 586 <input type="radio" value="" name="comune" data-reset="true" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 587 Qualsiasi 588 </label> 589 590 591 <label class=" flex items-center gap-2 cursor-pointer "> 592 <input type="radio" value="1" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 593 Portoferraio 594 </label> 595 596 <label class=" flex items-center gap-2 cursor-pointer "> 597 <input type="radio" value="2" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 598 Campo nell'Elba 599 </label> 600 601 <label class=" flex items-center gap-2 cursor-pointer "> 602 <input type="radio" value="3" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 603 Marciana Marina 604 </label> 605 606 <label class=" flex items-center gap-2 cursor-pointer "> 607 <input type="radio" value="4" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 608 Marciana 609 </label> 610 611 <label class=" flex items-center gap-2 cursor-pointer "> 612 <input type="radio" value="5" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 613 Porto Azzurro 614 </label> 615 616 <label class=" flex items-center gap-2 cursor-pointer "> 617 <input type="radio" value="6" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 618 Capoliveri 619 </label> 620 621 <label class=" flex items-center gap-2 cursor-pointer "> 622 <input type="radio" value="7" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 623 Rio Marina 624 </label> 625 626 <label class=" flex items-center gap-2 cursor-pointer "> 627 <input type="radio" value="8" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 628 Rio Elba 629 </label> 630 631 <label class=" flex items-center gap-2 cursor-pointer "> 632 <input type="radio" value="9" name="comune" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-full focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 633 Piombino 634 </label> 635 636 </div> 637 <div class="flex flex-col gap-2" id="municipality-zones"> 638 </div> 639 </div> 640 </div> 641 <div class="p-2 bg-gray-100 rounded-b-lg border-t border-t-gray-200 border-solid flex items-center gap-2"> 642 <button type="button" class="btn btn-success dropdown-close" 643 onclick="$(this).parents('#search-filter-zone').find('button[data-dropdown-toggle]').trigger('click')"> 644 <i class="fa fa-check"></i> OK 645 </button> 646 <button type="button" class="btn btn-primary" 647 onclick="Infoelba.UI.scrollTo('#search-results');"> 648 <i class="fas fa-list"></i> Risultati della ricerca 649 </button> 650 </div> 651 </div> 652 </div> 653 654 655 <!-- Servizi --> 656 <div id="search-filter-facilities" class="flex"> 657 <button class="btn btn-default !p-2 w-full col-span-1" type="button" 658 data-dropdown-toggle="search-filter-facilities-dropdown" 659 aria-haspopup="true" aria-expanded="false">
660 <span class="flex items-center gap-2 w-full"> 661 <span class="flex flex-1 flex-col gap-1"> 662 <span class="flex items-center justify-start font-bold gap-2"> 663 <i class="fi fi-tr-house-circle-check"></i> Servizi 664 </span> 665 <span id="facilities-active-filter" class="search-filter-active-label text-left"> 666 Qualsiasi 667 </span> 668 </span> 669 <span> 670 <i class="fi fi-ts-angle-small-down text-lg !border-none !bg-transparent !p-0 !text-primary-text"></i> 671 </span> 672 </span> 673 </button> 674 675 <div id="search-filter-facilities-dropdown" class="search-filter hidden z-[90] mx-1 w-screen md:w-[50vw] xl:w-[40vw] shadow-md rounded-b-lg"> 676 <div class="flex flex-col gap-2 bg-white rounded-t-lg p-2"> 677 <div class="grid grid-cols-2 lg:grid-cols-3 gap-2"> 678 679 680 <div class="col-span-1"> 681 <label class=" flex items-center gap-2 cursor-pointer "> 682 <input type="checkbox" name="servizi" value="2" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 683 Si accettano animali 684 </label> 685 </div> 686 687 <div class="col-span-1"> 688 <label class=" flex items-center gap-2 cursor-pointer "> 689 <input type="checkbox" name="servizi" value="3" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 690 Animazione 691 </label> 692 </div> 693 694 <div class="col-span-1"> 695 <label class=" flex items-center gap-2 cursor-pointer "> 696 <input type="checkbox" name="servizi" value="4" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 697 Area giochi per bambini 698 </label> 699 </div> 700 701 <div class="col-span-1"> 702 <label class=" flex items-center gap-2 cursor-pointer "> 703 <input type="checkbox" name="servizi" value="5" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 704 Aria condizionata 705 </label> 706 </div> 707 708 <div class="col-span-1"> 709 <label class=" flex items-center gap-2 cursor-pointer "> 710 <input type="checkbox" name="servizi" value="9" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 711 Baby sitter 712 </label> 713 </div> 714 715 <div class="col-span-1"> 716 <label class=" flex items-center gap-2 cursor-pointer "> 717 <input type="checkbox" name="servizi" value="11" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 718 Barbecue 719 </label> 720 </div> 721 722 <div class="col-span-1"> 723 <label class=" flex items-center gap-2 cursor-pointer "> 724 <input type="checkbox" name="servizi" value="18" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 725 Camera per disabili 726 </label> 727 </div> 728 729 <div class="col-span-1"> 730 <label class=" flex items-center gap-2 cursor-pointer "> 731 <input type="checkbox" name="servizi" value="20" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 732 Camera con TV Satellitare 733 </label> 734 </div> 735 736 <div class="col-span-1"> 737 <label class=" flex items-center gap-2 cursor-pointer "> 738 <input type="checkbox" name="servizi" value="31" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 739 Diving center 740 </label> 741 </div> 742 743 <div class="col-span-1"> 744 <label class=" flex items-center gap-2 cursor-pointer "> 745 <input type="checkbox" name="servizi" value="40" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 746 Tavolo e sedie da esterno 747 </label> 748 </div> 749 750 <div class="col-span-1"> 751 <label class=" flex items-center gap-2 cursor-pointer "> 752 <input type="checkbox" name="servizi" value="43" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 753 Connessione Internet 754 </label> 755 </div> 756 757 <div class="col-span-1"> 758 <label class=" flex items-center gap-2 cursor-pointer "> 759 <input type="checkbox" name="servizi" value="47" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 760 Lavastoviglie 761 </label> 762 </div> 763 764 <div class="col-span-1"> 765 <label class=" flex items-center gap-2 cursor-pointer "> 766 <input type="checkbox" name="servizi" value="48" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 767 Lavatrici 768 </label> 769 </div> 770 771 <div class="col-span-1"> 772 <label class=" flex items-center gap-2 cursor-pointer "> 773 <input type="checkbox" name="servizi" value="52" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 774 Parcheggio 775 </label> 776 </div> 777 778 <div class="col-span-1"> 779 <label class=" flex items-center gap-2 cursor-pointer "> 780 <input type="checkbox" name="servizi" value="53" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 781 Parcheggio coperto 782 </label> 783 </div> 784 785 <div class="col-span-1"> 786 <label class=" flex items-center gap-2 cursor-pointer "> 787 <input type="checkbox" name="servizi" value="56" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 788 Piscina 789 </label> 790 </div> 791 792 <div class="col-span-1"> 793 <label class=" flex items-center gap-2 cursor-pointer "> 794 <input type="checkbox" name="servizi" value="5
7947" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 795 Piscina per bambini 796 </label> 797 </div> 798 799 <div class="col-span-1"> 800 <label class=" flex items-center gap-2 cursor-pointer "> 801 <input type="checkbox" name="servizi" value="61" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 802 Riscaldamento 803 </label> 804 </div> 805 806 <div class="col-span-1"> 807 <label class=" flex items-center gap-2 cursor-pointer "> 808 <input type="checkbox" name="servizi" value="62" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 809 Ristorante 810 </label> 811 </div> 812 813 <div class="col-span-1"> 814 <label class=" flex items-center gap-2 cursor-pointer "> 815 <input type="checkbox" name="servizi" value="66" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 816 TV satellitare 817 </label> 818 </div> 819 820 <div class="col-span-1"> 821 <label class=" flex items-center gap-2 cursor-pointer "> 822 <input type="checkbox" name="servizi" value="70" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 823 Spiaggia privata 824 </label> 825 </div> 826 827 <div class="col-span-1"> 828 <label class=" flex items-center gap-2 cursor-pointer "> 829 <input type="checkbox" name="servizi" value="76" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 830 Vista mare 831 </label> 832 </div> 833 834 <div class="col-span-1"> 835 <label class=" flex items-center gap-2 cursor-pointer "> 836 <input type="checkbox" name="servizi" value="89" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 837 Cucina per celiaci 838 </label> 839 </div> 840 841 <div class="col-span-1"> 842 <label class=" flex items-center gap-2 cursor-pointer "> 843 <input type="checkbox" name="servizi" value="193" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 844 Colonnina ricarica auto elettriche 845 </label> 846 </div> 847 848 <div class="col-span-1"> 849 <label class=" flex items-center gap-2 cursor-pointer "> 850 <input type="checkbox" name="servizi" value="281" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 851 Connessione WiFi 852 </label> 853 </div> 854 855 856 </div> 857 <div class="p-2 bg-gray-100 rounded-b-lg border-t border-t-gray-200 border-solid flex items-center gap-2"> 858 <button type="button" class="btn btn-success dropdown-close" 859 onclick="$(this).parents('#search-filter-facilities').find('button[data-dropdown-toggle]').trigger('click')"> 860 <i class="fa fa-check"></i> OK 861 </button> 862 <button type="button" class="btn btn-primary" 863 onclick="Infoelba.UI.scrollTo('#search-results');"> 864 <i class="fas fa-list"></i> Risultati della ricerca 865 </button> 866 </div> 867 </div> 868 </div> 869 </div> 870 871 872 <!-- Caratteristiche --> 873 <div id="search-filter-features" class="hidden md:flex"> 874 <button class="btn btn-default !p-2 w-full col-span-1" type="button" 875 data-dropdown-toggle="search-filter-features-dropdown" 876 aria-haspopup="true" aria-expanded="false">
877 <span class="flex items-center gap-2 w-full"> 878 <span class="flex flex-1 flex-col gap-1"> 879 <span class="flex items-center justify-start font-bold gap-2 truncate"> 880 <i class="fi fi-tr-lightbulb-on"></i> Caratteristiche 881 </span> 882 <span id="features-active-filter" class="search-filter-active-label text-left"> 883 Qualsiasi 884 </span> 885 </span> 886 <span> 887 <i class="fi fi-ts-angle-small-down text-lg !border-none !bg-transparent !p-0 !text-primary-text"></i> 888 </span> 889 </span> 890 </button> 891 892 893 <div id="search-filter-features-dropdown" class="search-filter hidden z-[90] mx-1 shadow-md rounded-b-lg"> 894 <div class="flex flex-col gap-2 bg-white rounded-t-lg p-2"> 895 <div class="flex flex-col gap-2" role="group" aria-label="Caratteristiche"> 896 897 <label class=" flex items-center gap-2 cursor-pointer "> 898 <input type="checkbox" value="1" name="eco" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 899 Eco compatibili 900 </label> 901 <label class=" flex items-center gap-2 cursor-pointer "> 902 <input type="checkbox" value="1" name="offerte" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 903 Con offerte o last minute 904 </label> 905 906 <label class=" flex items-center gap-2 cursor-pointer "> 907 <input type="checkbox" value="1" name="annuale" class=" w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer " /> 908 Apertura annuale 909 </label> 910 911 </div> 912 <div class="p-2 bg-gray-100 rounded-b-lg border-t border-t-gray-200 border-solid flex items-center gap-2"> 913 <button type="button" class="btn btn-success dropdown-close" 914 onclick="$(this).parents('#search-filter-features').find('button[data-dropdown-toggle]').trigger('click')"> 915 <i class="fa fa-check"></i> OK 916 </button> 917 <button type="button" class="btn btn-primary" 918 onclick="Infoelba.UI.scrollTo('#search-results');"> 919 <i class="fas fa-list"></i> Risultati della ricerca 920 </button> 921 </div> 922 </div> 923 </div> 924 925 </div> 926 927 <button class="btn btn-default btn-action w-full col-span-1" type="button" id="search-filter-action" style="display:none" 928 onclick="$('#t-request-button').trigger('click');"> 929 <span class="flex flex-1 flex-col gap-1 w-full"> 930 <span class="text-left font-bold"> 931 Contatta subito 932 </span> 933 <span class="search-filter-active-label text-left"> 934 <span class="search-results-count"></span> strutture 935 </span> 936 </span>
937 <span> 938 <i class="fi fi-ts-paper-plane-top text-lg"></i> 939 </span> 940 </button> 941 942 <input type="hidden" name="ajax" value="1" /> 943 <input type="hidden" name="action" value="search" /> 944 </form> 945</div> 946 947 948 </div> 949 <div class="col-span-12 container"> 950 <div id="search-active-filters"> 951 <fieldset style="display:none" class="flex items-center flex-wrap gap-2"> 952 <legend class="flex items-center flex-wrap"> 953 La tua ricerca 954 </legend> 955 </fieldset> 956 </div> 957 </div> 958 959 <div id="search-results" class="col-span-12"> 960 <div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="@container/list"><div class="@container scroll-mt-64 property-card" 961 id="property-1238" 962 data-resource-id="1238" 963 data-resource-type="property" 964 data-property-id="1238" 965 data-property-type="ap" 966 data-property-name="Appartamenti Le Foci" data-latitude="42.795723" data-longitude="10.304846"> 967 968 <div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700"> 969 <a href="/dove-dormire/appartamenti/appartamenti-le-foci-1238/" class="block h-full"> 970 <img src="/turismo/1238/featured.jpg" alt="Appartamenti Le Foci" class="w-full h-full object-cover object-center" fetchpriority="high" /> 971 <span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span> 972 </a> 973 </div><div class="@lg:w-2/3 p-4 flex flex-col justify-between"> 974 <div class="flex flex-col gap-2"> 975 976 <h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/appartamenti-le-foci-1238/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Appartamenti Le Foci">Appartamenti Le Foci</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Portoferraio</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+393280726805" target="_blank" class="underline hover:no-underline">+393280726805</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=1238" data-toggle="modal" data-ui-action="openModalIframe" data-title="Appartamenti Le Foci - Richiedi disponibilità ">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="#" id="favorites-1238" onclick="Infoelba.Favorites.action(1238, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div> 977 </div> 978 </div> 979</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card" 980 id="property-1708" 981 data-resource-id="1708" 982 data-resource-type="property" 983 data-property-id="1708" 984 data-property-type="ap" 985 data-property-name="Casale Toscano Villa Anna" data-latitude="42.770677" data-longitude="10.234911"> 986 987 <div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700"> 988 <a href="/dove-dormire/appartamenti/casale-toscano-villa-anna-1708/" class="block h-full"> 989 <img src="/turismo/1708/featured.jpg" alt="Casale Toscano Villa Anna" class="w-full h-full object-cover object-center" loading="lazy" /> 990 <span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span> 991 </a> 992 </div><div class="@lg:w-2/3 p-4 flex flex-col justify-between"> 993 <div class="flex flex-col gap-2"> 994 995 <h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/casale-toscano-villa-anna-1708/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Casale Toscano Villa Anna">Casale Toscano Villa Anna</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Marina di Campo</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+41797652169" target="_blank" class="underline hover:no-underline">+41797652169</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=1708" data-toggle="modal" data-ui-action="openModalIframe" data-title="Casale Toscano Villa Anna - Richiedi disponibilità ">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+41797652169" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-1708" onclick="Infoelba.Favorites.action(1708, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div> 996 </div> 997 </div> 998</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card" 999 id="property-681" 1000 data-resource-id="681" 1001 data-resource-type="property" 1002 data-property-id="681" 1003 data-property-type="ap" 1004 data-property-name="Appartamenti Padulella - Le Cycas" data-latitude="42.818196" data-longitude="10.313212"> 1005 1006 <div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700"> 1007 <a href="/dove-dormire/appartamenti/appartamenti-padulella-le-cycas-681/" class="block h-full"> 1008 <img src="/turismo/681/featured.jpg" alt="Appartamenti Padulella - Le Cycas" class="w-full h-full object-cover object-center" loading="lazy" /> 1009 <span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span> 1010 </a> 1011 </div><div class="@lg:w-2/3 p-4 flex flex-col justify-between"> 1012 <div class="flex flex-col gap-2"> 1013 1014 <h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/appartamenti-padulella-le-cycas-681/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Ap
1014partamenti Padulella - Le Cycas">Appartamenti Padulella - Le Cycas</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Capo Bianco, Portoferraio</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-mobile-notch text-xl"></i><a href="tel:+393387729895" target="_blank" class="underline hover:no-underline">+393387729895</a></p><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+390565916313" target="_blank" class="underline hover:no-underline">+390565916313</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><a href="#" id="favorites-681" onclick="Infoelba.Favorites.action(681, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div> 1015 </div> 1016 </div> 1017</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card" 1018 id="property-1776" 1019 data-resource-id="1776" 1020 data-resource-type="property" 1021 data-property-id="1776" 1022 data-property-type="re" 1023 data-property-name="Residence Baia di Norsi" data-latitude="42.765579" data-longitude="10.342044" data-category="3"> 1024 1025 <div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700"> 1026 <a href="/dove-dormire/residence/residence-baia-di-norsi-1776/" class="block h-full"> 1027 <img src="/turismo/1776/featured.jpg" alt="Residence Baia di Norsi" class="w-full h-full object-cover object-center" loading="lazy" /> 1028 <span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span> 1029 </a> 1030 </div><div class="@lg:w-2/3 p-4 flex flex-col justify-between"> 1031 <div class="flex flex-col gap-2"> 1032 1033 <h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/residence/residence-baia-di-norsi-1776/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Residence Baia di Norsi 3 chiavi">Residence Baia di Norsi</a></h3><h5 class="text-base font-bold">Residence 3 chiavi</h5><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Norsi, Capoliveri</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+393459237011" target="_blank" class="underline hover:no-underline">+393459237011</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=1776" data-toggle="modal" data-ui-action="openModalIframe" data-title="Residence Baia di Norsi - Richiedi disponibilità ">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+393459237011" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-1776" onclick="Infoelba.Favorites.action(1776, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div> 1034 </div> 1035 </div> 1036</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card" 1037 id="property-768" 1038 data-resource-id="768" 1039 data-resource-type="property" 1040 data-property-id="768" 1041 data-property-type="ap" 1042 data-property-name="Appartamenti Luigino" data-latitude="42.804689" data-longitude="10.144958"> 1043 1044 <div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700"> 1045 <a href="/dove-dormire/appartamenti/appartamenti-luigino-768/" class="block h-full"> 1046 <img src="/turismo/768/featured.jpg" alt="Appartamenti Luigino" class="w-full h-full object-cover object-center" loading="lazy" /> 1047 <span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span> 1048 </a> 1049 </div><div class="@lg:w-2/3 p-4 flex flex-col justify-between"> 1050 <div class="flex flex-col gap-2"> 1051 1052 <h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/appartamenti-luigino-768/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Ap
1052partamenti Luigino">Appartamenti Luigino</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Sant'Andrea, Marciana</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+393479145198" target="_blank" class="underline hover:no-underline">+393479145198</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=768" data-toggle="modal" data-ui-action="openModalIframe" data-title="Appartamenti Luigino - Richiedi disponibilità ">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="#" id="favorites-768" onclick="Infoelba.Favorites.action(768, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div> 1053 </div> 1054 </div> 1055</div></div><div class="@container/list"><div class="@container scroll-mt-64 property-card" 1056 id="property-1918" 1057 data-resource-id="1918" 1058 data-resource-type="property" 1059 data-property-id="1918" 1060 data-property-type="ap" 1061 data-property-name="Appartamenti Bioelba" data-latitude="42.747217" data-longitude="10.401585"> 1062 1063 <div class="flex flex-col @lg:flex-row relative overflow-hidden rounded-xl shadow-md border border-gray-200 bg-white mb-6 hover:shadow-lg transition-shadow duration-300"><div class="relative m-0 w-full max-h-64 @lg:max-h-full @lg:w-2/5 shrink-0 overflow-hidden rounded-b-none @lg:rounded-xl @lg:rounded-r-none bg-white bg-clip-border text-gray-700"> 1064 <a href="/dove-dormire/appartamenti/appartamenti-bioelba-1918/" class="block h-full"> 1065 <img src="/turismo/1918/featured.jpg" alt="Appartamenti Bioelba" class="w-full h-full object-cover object-center" loading="lazy" /> 1066 <span class="absolute bottom-2 right-2 bg-white bg-opacity-80 text-primary text-xs px-2 py-1 rounded flex items-center"><i class="fa fa-search mr-1"></i> Apri la scheda</span> 1067 </a> 1068 </div><div class="@lg:w-2/3 p-4 flex flex-col justify-between"> 1069 <div class="flex flex-col gap-2"> 1070 1071 <h3 class="text-xl font-bold text-primary-text"><a href="/dove-dormire/appartamenti/appartamenti-bioelba-1918/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Appartamenti Bioelba">Appartamenti Bioelba</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Straccoligno, Capoliveri</p><div class="space-y-2 mb-4"><p class="flex items-center gap-1"><i class="fi fi-tr-mobile-notch text-xl"></i><a href="tel:+393444842872" target="_blank" class="underline hover:no-underline">+393444842872</a></p><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+3905651931405" target="_blank" class="underline hover:no-underline">+3905651931405</a></p></div></div><div class="flex flex-wrap gap-2 mt-auto"><button class="btn btn-default btn-action flex-1" data-src="/requests/direct-popup.asp?struttura=1918" data-toggle="modal" data-ui-action="openModalIframe" data-title="Appartamenti Bioelba - Richiedi disponibilità ">Contatta<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+393444842872" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-1918" onclick="Infoelba.Favorites.action(1918, 'add');return false;" class=" font-bold p-2 flex items-center gap-2 hover:bg-gray-100 rounded-md absolute top-2 left-2 !text-white hover:!text-gray-600" title="Salva la struttura nei preferiti"><span class="underline">Salva</span> <i class="fas fa-heart"></i></a></div> 1072 </div> 1073 </div> 1074</div></div></div> 1075 </div> 1076 </div> 1077 </div> 1078 1079 </main> <!-- main-content --> 1080 <div id="bottom-ad" class="container-fluid"> 1081 1082 <div class="container"> 1083 <a href="https://www.elbaspiagge.it/shop-guida/?aff=79" target="_blank" aria-hidden="true" tabindex="-1"> 1084 <img src="/allegati/banner/it/infoelba-guidaspiagge-guidaelba-1140x200-v2.png" alt="" class="img-responsive" loading="lazy" decoding="async" /> 1085 </a> 1086 </div> 1087 1088 </div> 1089 1090 <footer id="footer" class="container-fluid"> 1091 <div class="container"> 1092 <div class="hidden md:flex md:space-between gap-4 mb-10"> 1093 1094 <ul class="flex flex-col grow gap-2 col-span-1"> 1095 <li class="font-bold"> 1096 Dormire 1097 </li> 1098 1099 <li><a href="/dove-dormire/ricerca/">Cerca un alloggio</a></li> 1100 1101 <li><a href="/disponibilita-prezzi-soggiorni/">Richiedi un preventivo</a></li> 1102 1103 <li><a href="/dove-dormire/strutture-aperte-tutto-l-anno/">Strutture aperte tutto lâanno</a></li> 1104 1105 <li><a href="/dove-dormire/hotel/">Hotel</a></li> 1106 1107 <li><a href="/dove-dormire/residence/">Residence</a></li> 1108 1109 <li><a href="/dove-dormire/bed-and-breakfast/">Bed & Breakfast</a></li> 1110 1111 <li><a href="/dove-dormire/agriturismi/">Agriturismi</a></li> 1112 1113 <li><a href="/dove-dormire/campeggi/">Campeggi</a></li> 1114 1115 <li><a href="/dove-dormire/agricampeggi/">Agricampeggi</a></li> 1116 1117 <li><a href="https://www.infoelba.it/dove-dormire/servizi-camper-roulotte/">Aree di sosta Camper e Roulotte</a></li> 1118 1119 <li><a href="/dove-dormire/appartamenti/">Appartamenti e case vacanza</a></li> 1120 1121 <li><a href="/dove-dormire/villette-case-indipendenti/">Villette e case indipendenti</a></li> 1122 1123 <li><a href="/dove-dormire/ville/">Ville</a></li> 1124 1125 <li><a href="/dove-dormire/vacanze-lusso/">Strutture di lusso</a></li> 1126 1127 </ul> 1128 1129 <ul class="flex flex-col grow gap-2 col-span-1"> 1130 <li class="font-bold"> 1131 Arrivare e muoversi 1132 </li> 1133 1134 <li>
1134<a href="/arrivare-muoversi/come-arrivare/traghetti/prenotazione/">Traghetti</a></li> 1135 1136 <li><a href="https://www.infoelba.it/arrivare-muoversi/come-arrivare/auto/garage-parcheggi-piombino/">Parcheggi a Piombino</a></li> 1137 1138 <li><a href="/arrivare-muoversi/come-arrivare/">Come raggiungere l'isola</a></li> 1139 1140 <li><a href="/arrivare-muoversi/deposito-bagagli/">Deposito bagagli</a></li> 1141 1142 <li><a href="/arrivare-muoversi/muoversi-sull-isola/">Muoversi sull'isola</a></li> 1143 1144 <li><a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/auto-moto-scooter/">Noleggi auto e scooter</a></li> 1145 1146 <li><a href="/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/prenotazione-online-scooter/">Noleggio online scooter</a></li> 1147 1148 <li><a href="/arrivare-muoversi/muoversi-sull-isola/taxi/">Taxi e NCC</a></li> 1149 1150 </ul> 1151 1152 <ul class="flex flex-col grow gap-2 col-span-1"> 1153 <li class="font-bold"> 1154 Isola d'Elba 1155 </li> 1156 1157 <li><a href="/isola-d-elba/spiagge/">Spiagge e coste</a></li> 1158 1159 <li><a href="/scoprire-elba/comuni-paesi/">Comuni e paesi</a></li> 1160 1161 <li><a href="/isola-d-elba/luoghi-da-visitare/">Cosa vedere</a></li> 1162 1163 <li><a href="https://www.infoelba.it/mangiare/">Sapori dellâElba</a></li> 1164 1165 <li><a href="/isola-d-elba/parco-nazionale-arcipelago-toscano/">Parco Nazionale dell'Arcipelago Toscano</a></li> 1166 1167 <li><a href="/informazioni-utili/webcam/">Webcam</a></li> 1168 1169 </ul> 1170 1171 <ul class="flex flex-col grow gap-2 col-span-1"> 1172 <li class="font-bold"> 1173 Esperienze 1174 </li> 1175 1176 <li><a href="/sport-tempo-libero/esperienze-elba/">Elba da non perdere</a></li> 1177 1178 <li><a href="/sport-tempo-libero/sport-mare/">Sport acquatici</a></li> 1179 1180 <li><a href="/sport-tempo-libero/sport-terra/">Sport outdoor</a></li> 1181 1182 <li><a href="https://www.infoelba.it/sport-tempo-libero/wellness/">Wellness</a></li> 1183 1184 <li><a href="https://www.infoelba.it/isola-d-elba/escursioni-guidate/musei-luoghi-storici-natura/">Escursioni guidate</a></li> 1185 1186 <li><a href="/isola-d-elba/escursioni-guidate/gite-in-barca-pesca/">Gite in barca</a></li> 1187 1188 <li><a href="/sport-tempo-libero/sport-terra/elba-in-bici/">L'Elba in bici</a></li> 1189 1190 <li><a href="/elba-sentieri-cammini/">Trekking: cammini e sentieri</a></li> 1191 1192 <li><a href="https://www.infoelba.it/isola-d-elba/tour-personalizzati/">Tour personalizzati</a></li> 1193 1194 <li><a href="/mangiare/wine-food-experience/">Wine & Food Experience</a></li> 1195 1196 <li><a href="https://www.infoelba.it/isola-d-elba/vacanze-personalizzate/famiglia-bambini/attivita-bambini/">Attività per bambini</a></li> 1197 1198 <li><a href="/sport-tempo-libero/eventi-manifestazioni/">Eventi e manifestazioni</a></li> 1199 1200 </ul> 1201 1202 <ul class="flex flex-col grow gap-2 col-span-1"> 1203 <li class="font-bold"> 1204 Servizi 1205 </li> 1206 1207 <li><a href="/mangiare/ristoranti-pizzerie/">Ristoranti e pizzerie</a></li> 1208 1209 <li><a href="/dove-dormire/agenzie-turistiche-immobiliari/">Agenzie turistiche e immobiliari</a></li> 1210 1211 <li><a href="/isola-d-elba/spiagge/stabilimenti-balneari/">Stabilimenti balneari</a></li> 1212 1213 <li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/barche-gommoni/">Noleggio Imbarcazioni</a></li> 1214 1215 <li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/charter-vela/">Charter a vela</a></li> 1216 1217 <li><a href="https://www.infoelba.it/arrivare-muoversi/muoversi-sull-isola/noleggi-rent/bici/">Noleggi bici e e-bike</a></li> 1218 1219 <li><a href="/sport-tempo-libero/shopping/">Shopping</a></li> 1220 1221 <li><a href="https://www.infoelba.it/sport-tempo-libero/corsi-vacanze-studio/">Corsi e vacanze studio </a></li> 1222 1223 <li><a href="https://www.infoelba.it/isola-d-elba/vacanze-personalizzate/animali-domestici/">Viaggiare con animali</a></li> 1224 1225 <li><a href="https://www.infoelba.it/informazioni-utili/app-smartphone/">App gratuite</a></li> 1226 1227 <li><a href="/informazioni-utili/meteo-isola-delba/">Meteo</a></li> 1228 1229 <li><a href="/informazioni-utili/numeri-indirizzi-utili/">Numeri utili</a></li> 1230 1231 <li><a href="/annunci-immobiliari-elba/">Annunci immobiliari</a></li> 1232 1233 </ul> 1234 1235</div> 1236 <div class="grid grid-cols-1 md:grid-cols-3"> 1237 <div class="col-span-1"> 1238 <ul class="flex items-center justify-center gap-2 my-3 md:my-0"> 1239 <li> 1240 <a href="https://facebook.com/Infoelba" target="_blank" class="flex items-center justify-center rounded-full bg-facebook text-white p-4"> 1241 <i class="fab fa-facebook text-xl" aria-hidden="true"></i> 1242 <span class="sr-only">Infoelba su Facebook</span> 1243 </a> 1244 </li> 1245 <li> 1246 <a href="https://instagram.com/infoelba" target="_blank" class="flex items-center justify-center rounded-full bg-instagram text-white p-4"> 1247 <i class="fab fa-instagram text-xl" aria-hidden="true"></i> 1248 <span class="sr-only">Infoelba su Instagram</span> 1249 </a> 1250 </li> 1251 <li> 1252 <a href="https://youtube.com/infoelba" target="_blank" class="flex items-center justify-center rounded-full bg-youtube text-white p-4"> 1253 <i class="fab fa-youtube text-xl" aria-hidden="true"></i> 1254 <span class="sr-only">Infoelba su YouTube</span> 1255 </a> 1256 </li> 1257 </ul>
1258 </div> 1259 <div class="col-span-1 md:col-span-2 text-left md:text-right text-sm"> 1260 <p> 1261 Infoelba non si assume alcuna responsabilità per l'uso di marchi e slogan usati dagli inserzionisti e per eventuali errate indicazioni. 1262 </p> 1263 <p> 1264 Informa inoltre che i listini prezzi, orari, date o altro materiale informativo pubblicato su questo sito è suscettibile a variazioni. 1265 </p> 1266 <p> 1267 :: <strong>Siete quindi invitati a chiedere conferma alle strutture interessate</strong> :: 1268 </p> 1269 </div> 1270 </div> 1271 <div class="grid grid-cols-1 md:grid-cols-3 py-8"> 1272 <div class="col-span-1 flex items-center justify-center my-3 md:my-0 p-6"> 1273 <img src="https://www.infoelba.org/wp-content/uploads/2017/08/infoelba.it_-768x125.png" alt="Infoelba" class="drop-shadow-sm" loading="lazy" decoding="async" /> 1274 </div> 1275 <div class="col-span-1 md:col-span-2 text-sm flex flex-col justify-center"> 1276 <p> 1277 <strong>©1999-2026 Infoelba s.r.l. Unipersonale</strong> - Viale Teseo Tesei, 12 - Centro Servizi Il Molino - 57037 Portoferraio (LI) 1278 </p> 1279 <p> 1280 P. IVA e C.F. 01130150491 - capitale sociale €10.000,00 i.v. - registro imprese numero 01130150491 - REA: LI - 100635 1281 </p> 1282 <p> 1283 <strong><a href="https://www.infoelba.it">infoelba</a></strong>® è un marchio registrato - tutti i diritti sono riservati 1284 - <strong><a href="https://areariservata.infoelba.it">Accesso all'area riservata</a></strong> 1285 </p> 1286 </div> 1287</div> 1288 1289 </div> 1290 <!--<button id="to-top" role="button" class="btn opacity-80 hover:opacity-100" data-ui-action="scrollTo" data-target="page-content-wrapper"> 1291 <i class="fa fa-chevron-up !text-gray-800"></i> <span class="sr-only">top</span> 1292 </button>--> 1293 </footer> 1294 </div> <!-- page-content-inner --> 1295 </div> <!-- page-content-wrapper --> 1296 </div> <!-- menu-pusher --> 1297 1298 1299 <kepleroai-chat chatbot="6bfd123d-f1de-4994-b6a5-2a9e9691ad60"></kepleroai-chat> 1300
1300<script src="https://bundle.keplero.ai/min.js" defer></script>
1300 1301 1302
1302<script> 1303 document.addEventListener('DOMContentLoaded', () => { 1304 const chat = document.querySelector('kepleroai-chat'); 1305 if (chat && chat.shadowRoot) { 1306 const style = document.createElement('style'); 1307 style.textContent = ` 1308 @media (max-width: 768px) { 1309 .flex.flex-col.items-end.w-full.md\\:max-w-lg { 1310 display: none !important; 1311 } 1312 } 1313 `; 1314 chat.shadowRoot.appendChild(style); 1315 1316 // Il widget monta un <input type="file"> nascosto (react-dropzone) privo 1317 // di label e di aria-label: axe/PageSpeed lo segnala come campo senza 1318 // etichetta. Non e' codice nostro, quindi lo etichettiamo noi appena 1319 // compare nello shadow DOM (che il widget espone in mode: "open"). 1320 const attachFileLabel = 'Allega un file'; 1321 if (attachFileLabel) { 1322 const labelFileInputs = () => { 1323 chat.shadowRoot 1324 .querySelectorAll('input[type="file"]:not([aria-label])') 1325 .forEach((input) => input.setAttribute('aria-label', attachFileLabel)); 1326 }; 1327 labelFileInputs(); 1328 // Il pannello della chat viene montato solo all'apertura, e React lo 1329 // rimonta a ogni cambio di stato: osservo lo shadow DOM invece di 1330 // affidarmi a un singolo passaggio. Osservo solo childList, cosi' il 1331 // setAttribute qui sopra non richiama l'observer. 1332 new MutationObserver(labelFileInputs) 1333 .observe(chat.shadowRoot, { childList: true, subtree: true }); 1334 } 1335 } 1336 }); 1337 </script>
1337 1338 1339 1340</div> 1341 1342<!-- Main modal --> 1343<div id="default-modal" tabindex="-1" 1344 aria-hidden="true" 1345 class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> 1346 <div class="relative p-4 w-full max-w-4xl max-h-full"> 1347 <!-- Modal content --> 1348 <div class="relative bg-white rounded-lg shadow-sm"> 1349 <!-- Modal header --> 1350 <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t border-gray-200"> 1351 <h3 class="text-xl font-semibold" id="default-modal-title"> 1352 </h3> 1353 <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center" data-modal-hide="default-modal"> 1354 <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> 1355 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/> 1356 </svg> 1357 <span class="sr-only">Close modal</span> 1358 </button> 1359 </div> 1360 <!-- Modal body --> 1361 <div class="p-4 md:p-5 space-y-4 max-h-[85vh] overflow-y-auto" id="default-modal-body"> 1362 1363 </div> 1364 1365 </div> 1366 </div> 1367</div> 1368<!-- Social share modal --> 1369<div id="social-share-modal" tabindex="-1" 1370 aria-hidden="true" 1371 class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> 1372 <div class="relative p-4 w-full max-w-2xl max-h-full"> 1373 <!-- Modal content --> 1374 <div class="relative bg-white rounded-lg shadow-sm"> 1375 <!-- Modal header --> 1376 <div class="flex items-center justify-between p-4 md:p-5 rounded-t"> 1377 <h3 class="text-xl font-semibold" id="social-share-modal-title">Condividi</h3> 1378 <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center" data-modal-hide="social-share-modal"> 1379 <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> 1380 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/> 1381 </svg> 1382 <span class="sr-only">Close modal</span> 1383 </button> 1384 </div> 1385 <!-- Modal body --> 1386 <div class="p-4 md:p-5 space-y-4 max-h-[85vh] overflow-y-auto" id="social-share-modal-body"> 1387 <div class="social-share-container"> 1388 <div class="mb-4 flex items-center gap-2"> 1389 <div class="relative overflow-hidden rounded-md min-w-28"> 1390 <img id="social-share-image" src="" alt="" class="w-full h-28 object-cover"> 1391 </div> 1392 <p class="text-lg mb-2" id="social-share-title"></p> 1393 </div> 1394 <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-4"> 1395 <a id="social-share-facebook" href="#" target="_blank" 1396 class="flex items-center gap-1 justify-between py-2 px-4 select-none rounded-md text-primary-text border transition-colors duration-200 bg-white hover:bg-gray-100 hover:no-underline active:no-underline focus:no-underline"> 1397 <span>Facebook</span> 1398 <i class="fab fa-facebook p-2 rounded-full bg-facebook text-white"></i> 1399 </a> 1400 <a id="social-share-whatsapp" href="#" target="_blank" 1401 class="flex items-center gap-1 justify-between py-2 px-4 select-none rounded-md text-primary-text border transition-colors duration-200 bg-white hover:bg-gray-100 hover:no-underline active:no-underline focus:no-underline">
1402 <span>WhatsApp</span> 1403 <i class="fab fa-whatsapp p-2 rounded-full bg-whatsapp text-white"></i> 1404 </a> 1405 <a id="social-share-email" href="#" 1406 class="flex items-center gap-1 justify-between py-2 px-4 select-none rounded-md text-primary-text border transition-colors duration-200 bg-white hover:bg-gray-100 hover:no-underline active:no-underline focus:no-underline"> 1407 <span>Email</span> 1408 <i class="fi fi-tr-envelopes p-2 rounded-full bg-gray-600 text-white"></i> 1409 </a> 1410 <button 1411 class="copy-link-btn flex items-center gap-1 justify-between py-2 px-4 select-none rounded-md text-primary-text border transition-colors duration-200 bg-white hover:bg-gray-100 hover:no-underline active:no-underline focus:no-underline"> 1412 <span>Copia link</span> 1413 <i class="fi fi-tr-link-alt p-2 rounded-full bg-gray-800 text-white"></i> 1414 </button> 1415 </div> 1416 <div class="copy-link-container hidden"> 1417 <input id="social-share-url-input" type="text" value="" readonly class="w-full p-2 border border-gray-300 rounded-md"> 1418 <p class="copy-success-message hidden mt-2 text-green-600 text-sm">Link copiato negli appunti!</p> 1419 </div> 1420 </div> 1421 </div> 1422 </div> 1423 </div> 1424</div> 1425 1426<button type="button" 1427 data-ui-action="newsletterModal" 1428 data-modal-target="newsletter-modal" 1429 id="newsletter-fab" 1430 aria-label="Iscriviti alla newsletter" 1431 class="hidden fixed left-4 bottom-[68px] z-40 items-center gap-2 rounded-full bg-dark-primary p-3 text-white shadow-lg transition-colors hover:bg-[#46608a] focus:outline-none focus:ring-2 focus:ring-dark-primary focus:ring-offset-2 sm:pr-5"> 1432 <i class="fi fi-tr-envelopes text-2xl leading-none" aria-hidden="true"></i> 1433 1434 <span class="hidden sm:inline text-base font-medium"> 1435 Iscriviti alla newsletter 1436 </span> 1437</button> 1438 1439 1440<div id="newsletter-modal" tabindex="-1" 1441 aria-hidden="true" 1442 class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> 1443 <div class="relative p-4 w-full max-w-2xl max-h-full"> 1444 <!-- Modal content --> 1445 <div class="relative bg-white rounded-lg shadow-sm"> 1446 <!-- Modal header --> 1447 <div class="flex items-center justify-between p-4 md:p-5 rounded-t"> 1448 <h3 class="flex items-center gap-2 text-xl font-semibold" id="newsletter-modal-title"> 1449 <i class="fi fi-tr-envelopes text-2xl text-primary" aria-hidden="true"></i> 1450 Iscriviti alla newsletter 1451 </h3> 1452 <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center" data-modal-hide="newsletter-modal"> 1453 <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> 1454 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/> 1455 </svg> 1456 <span class="sr-only">Chiudi</span> 1457 </button> 1458 </div> 1459 <!-- Modal body --> 1460 <div class="p-4 md:p-5 max-h-[85vh] overflow-y-auto" id="newsletter-modal-body"> 1461 1462<ie-newsletter class="block " 1463 data-error-text="Non è stato possibile completare l'iscrizione: controlla la connessione e riprova."> 1464 1465 <div class=""> 1466 1467 1468 <p class="text-base mb-4">Spiagge segrete, borghi, itinerari e i consigli di chi l'Elba la vive tutto l'anno: una mail ogni tanto, niente di più.</p> 1469 1470 1471 <div id="newsletter-1-result" data-result aria-live="polite" class="empty:hidden mb-4"></div> 1472 1473 1474 <form action="/requests/newsletter-subscription.asp" method="post" 1475 id="newsletter-1-form" data-form> 1476 1477 <p class="text-sm text-gray-700 mb-4">I campi contrassegnati con un asterisco (*) sono obbligatori.</p> 1478 1479 <div class="grid grid-cols-1 gap-4 sm:grid-cols-2"> 1480 <div> 1481 <label for="newsletter-1-cognome" class=" block text-base font-medium text-primary-text mb-1 cursor-pointer "> 1482 Cognome 1483 <span class="required-marker" aria-hidden="true">*</span> 1484 </label> 1485 <input type="text" id="newsletter-1-cognome" name="cognome" required 1486 autocomplete="family-name" value="" 1487 class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md " /> 1488 </div> 1489 <div> 1490 <label for="newsletter-1-nome" class=" block text-base font-medium text-primary-text mb-1 cursor-pointer "> 1491 Nome 1492 <span class="required-marker" aria-hidden="true">*</span> 1493 </label> 1494 <input type="text" id="newsletter-1-nome" name="nome" required 1495 autocomplete="given-name" value="" 1496 class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md " /> 1497 </div> 1498 <div class="sm:col-span-2"> 1499 <label for="newsletter-1-email" class=" block text-base font-medium text-primary-text mb-1 cursor-pointer "> 1500 Email 1501 <span class="required-marker" aria-hidden="true">*</span> 1502 </label> 1503 <input type="email" id="newsletter-1-email" name="email" required 1504 autocomplete="email" value="" 1505 class=" w-full rounded-md border border-solid border-gray-300 bg-white text-gray-500 py-3 px-6 hover-hover:py-2 hover-hover:px-3 text-base font-medium outline-none focus:border-light-primary focus:shadow-md " /> 1506 </div> 1507 </div> 1508 1509 <div class="alert alert-warning my-6"> 1510 <div class="mb-4"><h4 class="font-bold text-xl mb-2">Come gestiamo i tuoi dati</h4>I dati che inserisci sono memorizzati da Infoelba S.r.l. e usati soltanto per inviarti la newsletter: <strong>non vengono comunicati alle strutture ricettive né ceduti a terzi</strong>. Puoi chiedere la cancellazione in qualsiasi momento, dal link in fondo a ogni email o scrivendoci.</div> 1511 1512 <label for="newsletter-1-privacy" class="flex items-start gap-2 cursor-pointer mb-2"> 1513 <input type="checkbox" id="newsletter-1-privacy" name="privacy" value="si" required 1514 class="bg-white w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer !border-amber-500" /> 1515 <span>Ho preso visione dell'<strong>Informativa Privacy</strong> (per visionarla, cliccare sul lucchetto in basso a sinistra) e confermo di avere più di 18 anni. <span class="required-marker" aria-hidden="true">*</span></span> 1516 </label> 1517 1518 1519 <label for="newsletter-1-auth2" class="flex items-start gap-2 cursor-pointer"> 1520 <input type="checkbox" id="newsletter-1-auth2" name="privacy-auth-2" value="1" required 1521 class="bg-white w-6 h-6 bg-gray-100 text-amber-500 accent-amber-500 rounded-sm focus:ring-amber-500 focus:ring-2 cursor-pointer !border-amber-500" /> 1522 <span>Sì, iscrivimi: acconsento a ricevere da Infoelba S.r.l. consigli, itinerari e comunicazioni promozionali sull'isola d'Elba. <span class="required-marker" aria-hidden="true">*</span></span> 1523 </label> 1524 </div> 1525 1526 <input type="hidden" name="request-url" value="https://www.infoelba.it/dove-dormire/ricerca/" /> 1527 <input type="hidden" name="request-title" value="Newsletter" /> 1528 1529 1530 <input type="text" name="invia2" value="" tabindex="-1" autocomplete="off" aria-hidden="true" class="hidden" /> 1531 1532 1533 <input type="hidden" name="rq-token" value="843613571.2a1c482c478cc87bc26e2d7fedcf7de1" /> 1534 1535 1536 <div class="flex"> 1537 <button type="submit" name="invia" class="btn btn-primary" data-submit> 1538 Iscrivimi
1539 <i class="fi fi-ts-paper-plane" aria-hidden="true"></i> 1540 </button> 1541 </div> 1542 </form> 1543 1544 </div> 1545</ie-newsletter> 1546 1547 </div> 1548 </div> 1549 </div> 1550</div> 1551
1552<script src="/assets/js/flowbite.min.js?v=114"></script>
vendor: 2 bytes, line 1552
1552
1553<script src="/assets/js/common.min.js?v=114"></script>
vendor: 2 bytes, line 1553
1553
1554<script src="/assets/js/jquery.blockui.min.js?v=114"></script>
vendor: 2 bytes, line 1554
1554
1555<script src="/assets/js/cache.min.js?v=114"></script>
vendor: 2 bytes, line 1555
1555
1556<script src="/assets/js/history.min.js?v=114"></script>
vendor: 2 bytes, line 1556
1556
1557<script src="/assets/js/Infoelba.min.js?v=114"></script>
vendor: 2 bytes, line 1557
1557
1558<script src="/assets/js/Infoelba.AccommodationSearch.min.js?v=114"></script>
vendor: 2 bytes, line 1558
1558
1559<script src="/assets/js/geolib.min.js?v=114"></script>
vendor: 2 bytes, line 1559
1559
1560<script src="/assets/js/leaflet/leaflet.min.js?v=114"></script>
vendor: 2 bytes, line 1560
1560
1561<script src="/assets/js/leaflet/leaflet.markercluster.min.js?v=114"></script>
vendor: 2 bytes, line 1561
1561
1562<script src="/assets/js/mobilemenu.min.js?v=114"></script>
vendor: 2 bytes, line 1562
1562
1563<script src="/assets/js/components/ie-newsletter.min.js?v=114"></script>
vendor: 2 bytes, line 1563
1563
1564<script src="/assets/js/locales/bootstrap-datepicker.it.min.js?v=114"></script>
vendor: 2 bytes, line 1564
1564
1565<script> 1566Infoelba.addInit(function() { 1567Infoelba.AccommodationSearch.init('search', 'residential_search', {"Ricerca_FiltroNonImpostato": "Qualsiasi", "Caricamento_Invio": "Invio in corso..." }); 1568}); 1569</script>
1569 1570 1571
1571<script> 1572 window.loadEvents.forEach(function (fn) { 1573 typeof fn === "function" && fn(); 1574 }); 1575 </script>
1575 1576 1577 <!-- Script di terze parti (GTM, Facebook Pixel, Clarity): caricamento differito --> 1578
1579<script> 1580(function () { 1581 var injected = false, started = false; 1582 1583 function injectThirdParty() { 1584 if (injected) return; 1585 injected = true; 1586 1587 // --- Google Tag Manager --- 1588 (function (w, d, s, l, i) { 1589 w[l] = w[l] || []; 1590 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 1591 var f = d.getElementsByTagName(s)[0], j = d.createElement(s); 1592 j.async = true; 1593 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i; 1594 f.parentNode.insertBefore(j, f); 1595 })(window, document, 'script', 'dataLayer', 'GTM-W3FQMDH'); 1596 1597 // --- Facebook Pixel --- 1598 !function (f, b, e, v, n, t, s) { 1599 if (f.fbq) return; 1600 n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; 1601 if (!f._fbq) f._fbq = n; 1602 n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; 1603 t = b.createElement(e); t.async = !0; 1604 t.src = v; 1605 s = b.getElementsByTagName(e)[0]; 1606 s.parentNode.insertBefore(t, s); 1607 }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); 1608 fbq('init', '126960367902655'); 1609 fbq('track', 'PageView'); 1610 1611 // --- Microsoft Clarity --- 1612 /*(function (c, l, a, r, i) { 1613 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; 1614 var t = l.createElement(r); t.async = 1; 1615 t.src = 'https://www.clarity.ms/tag/' + i; 1616 var y = l.getElementsByTagName(r)[0]; 1617 y.parentNode.insertBefore(t, y); 1618 })(window, document, 'clarity', 'script', 'v7dq27xj10');*/ 1619 } 1620 1621 // Attende che la CMP acconsento sia pronta (DOM patchato), poi inietta. 1622 // Fallback: dopo 8s inietta comunque (acconsento, caricato nel <head>, 1623 // a quel punto si e' quasi certamente gia' eseguito). 1624 function start() { 1625 if (started) return; 1626 started = true; 1627 var waited = 0; 1628 (function waitForCmp() { 1629 if (window.AcconsentoAPI || waited >= 8000) { 1630 injectThirdParty(); 1631 return; 1632 } 1633 waited += 200; 1634 setTimeout(waitForCmp, 200); 1635 })(); 1636 } 1637 1638 // Trigger: prima interazione utente, oppure fallback a timer. 1639 var evs = ['scroll', 'mousemove', 'touchstart', 'keydown', 'pointerdown']; 1640 function onFirstInteraction() {
1641 evs.forEach(function (e) { window.removeEventListener(e, onFirstInteraction); }); 1642 start(); 1643 } 1644 evs.forEach(function (e) { window.addEventListener(e, onFirstInteraction, { once: true, passive: true }); }); 1645 setTimeout(start, 3500); 1646})(); 1647</script>
1647 1648 1649
1649<script> 1650 Infoelba.onLoad(); 1651 </script>
1651 1652 1653 1654</body> 1655</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.