1<!DOCTYPE html> 2 3<html lang="en" 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="7nzE7m0pG66un0myX5mt1k1Un4V8dyEceHeIZXhi"></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>Search accommodations - Elba Island</title> 25 <meta name="description" content="Search accommodations on Elba Island. Find hotels, apartments, residences, campsites and farmhouses for your holiday."/> 26 <meta name="keywords" content="elba island, elba holidays"/> 27 28 <link rel="canonical" href="https://www.infoelba.com/where-to-sleep/search/" /> 29 <meta property="og:title" content="Search accommodations - Elba Island"/> 30 <meta property="og:url" content="https://www.infoelba.com/where-to-sleep/search/"/> 31 <meta property="og:site_name" content="Infoelba - Informazioni sull'Isola d'Elba"/> 32 <meta property="og:description" content="Search accommodations on Elba Island. Find hotels, apartments, residences, campsites and farmhouses for your holiday."/> 33 <meta property="og:locale" content="en_GB"/> 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.com/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="en" /> 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">Skip to main content</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.it','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 Getting about 123 </a> 124 <div class="mp-level"> 125 <h2>Getting about</h2> 126 <a class="mp-back" href="#">Back</a> 127 <ul> 128 129 <li> 130 <a href="/arriving-getting-about/getting-about-on-the-island/hire-rental/" 131 > 132 Rentals 133 <span class="hidden-xs hidden-sm"></span> 134 </a> 135 </li> 136 137 <li> 138 <a href="/arriving-getting-about/getting-about-on-the-island/taxis/" 139 > 140 Taxi services 141 <span class="hidden-xs hidden-sm"></span> 142 </a> 143 </li> 144 145 <li> 146 <a href="/arriving-getting-about/getting-about-on-the-island/buses/" 147 > 148 Bus services 149 <span class="hidden-xs hidden-sm"></span> 150 </a> 151 </li> 152 153 <li> 154 <a href="/useful-information/useful-phone-numbers-addresses/campers-caravas-facilities/" 155 > 156 Park areas 157 <span class="hidden-xs hidden-sm"></span> 158 </a> 159 </li> 160 161 </ul> 162 </div> 163 </li> 164 <li><a href="/where-to-sleep/search/" class="full" > 165 Stays</a> 166 </li><li><a href="/eating-cuisine/restaurants-pizzerias/" class="full" > 167 Eat</a> 168 </li> 169 <li class="icon-arrow-left"> 170 <a href="#" 171 class="link"> 172 Sea 173 </a> 174 <div class="mp-level"> 175 <h2>Sea</h2> 176 <a class="mp-back" href="#">Back</a> 177 <ul> 178 179 <li> 180 <a href="/island-of-elba/beaches/" 181 > 182 Beaches 183 <span class="hidden-xs hidden-sm"></span> 184 </a> 185 </li> 186 187 <li> 188 <a href="/island-of-elba/beaches/bathing-establishments/" 189 > 190 Bathing establishments 191 <span class="hidden-xs hidden-sm"></span> 192 </a> 193 </li> 194 195 <li> 196 <a href="/sports-free-time/water-sports/diving/" 197 > 198 Diving centers 199 <span class="hidden-xs hidden-sm"></span> 200 </a> 201 </li> 202 203 <li> 204 <a href="/sports-free-time/water-sports/sailing/" 205 > 206 Sailing 207 <span class="hidden-xs hidden-sm"></span> 208 </a> 209 </li> 210 211 </ul> 212 </div> 213 </li> 214 <li><a href="/island-of-elba/guided-excursions/" class="full" > 215 Guided excursions</a> 216 </li><li><a href="/sports-free-time/" class="full" > 217 Sports</a> 218 </li><li><a href="/island-of-elba/places-to-see/" class="full" >
219 Places to see</a> 220 </li><li><a href="/special-offers-island-of-elba/" class="full" > 221 Special offers</a> 222 </li><li><a href="/island-of-elba-last-minute-booking/" class="full" > 223 Last minute offers</a> 224 </li><li><a href="/arriving-getting-about/how-to-get-there/ferries/" class="full" > 225 Ferries</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="/search/" class="flex items-center" role="search"> 253 <label for="q" class="sr-only">Search on the site</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="Search on the site " /> 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">Start the search </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/en-GB.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 Italian 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 English 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 German 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 French 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-501" 322 data-dropdown-toggle="menu-501-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 Sleep 326 <i class="fi fi-ts-angle-small-down"></i> 327 </button> 328 </li> 329 330 <li> 331 <button id="menuentry-521" 332 data-dropdown-toggle="menu-521-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 Travel info 336 <i class="fi fi-ts-angle-small-down"></i> 337 </button> 338 </li> 339 340 <li> 341 <button id="menuentry-514" 342 data-dropdown-toggle="menu-514-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 Elba Island 346 <i class="fi fi-ts-angle-small-down"></i> 347 </button> 348 </li> 349 350 <li> 351 <button id="menuentry-526" 352 data-dropdown-toggle="menu-526-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 Experiences 356 <i class="fi fi-ts-angle-small-down"></i> 357 </button> 358 </li> 359 360 <li> 361 <button id="menuentry-534" 362 data-dropdown-toggle="menu-534-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 Services 366 <i class="fi fi-ts-angle-small-down"></i> 367 </button> 368 </li> 369 370 <li> 371 <button 372 data-src="/my-choice/" 373 data-toggle="modal" 374 data-ui-action="openModalIframe" 375 data-title="My choice" 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-501-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">Sleep</h3> <ul class="hidden md:block columns-2 "><li><a href="/where-to-sleep/search/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Find accommodation</a></li><li>
385<a href="/accommodation-price-availability/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Request a quote</a></li><li><a href="/where-to-sleep/accommodation-open-all-year-round/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Accommodation that is open all year round</a></li><li><a href="/where-to-sleep/hotels/" 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>Hotels</a></li><li><a href="/where-to-sleep/residences/" 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>Residences</a></li><li><a href="/where-to-sleep/bed-and-breakfasts/" 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="/where-to-sleep/farm-holiday-centres/" 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>Farm holidays</a></li><li><a href="/where-to-sleep/campsites/" 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>Campsites</a></li><li><a href="/where-to-sleep/farm-holiday-campsites/" 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>Farm campsites</a></li><li><a href="https://www.infoelba.com/where-to-sleep/campers-caravas-facilities/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Motorhome rest areas</a></li><li><a href="/where-to-sleep/apartments/" 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>Apartments and holiday homes</a></li><li><a href="/where-to-sleep/small-villas-detached-houses/" 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>Villas and independent houses</a></li><li><a href="/where-to-sleep/villas/" 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>Villas</a></li><li><a href="/where-to-sleep/luxury-holidays/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Luxury accommodations</a></li></ul></div></div></div><div id="menu-521-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">Travel info</h3> <ul class="hidden md:block columns-2 "><li><a href="/arriving-getting-about/how-to-get-there/ferries/booking/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Ferries</a></li><li><a href="https://www.infoelba.com/arriving-getting-about/how-to-get-there/car/garages-car-parks-piombino/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Parking in Piombino</a></li><li><a href="/arriving-getting-about/how-to-get-there/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">How to reach the island</a></li><li><a href="/arriving-getting-about/luggage-storage/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Luggage store</a></li><li><a href="/arriving-getting-about/getting-about-on-the-island/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Getting around the island</a></li><li><a href="/arriving-getting-about/getting-about-on-the-island/hire-rental/car-motorbike-scooter/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Car and scooter rental</a></li><li><a href="https://www.infoelba.com/arriving-getting-about/getting-about-on-the-island/hire-rental/online-scooter-booking/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Online scooter rental</a></li><li><a href="/arriving-getting-about/getting-about-on-the-island/taxis/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Taxi and car hire</a></li></ul></div></div></div><div id="menu-514-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">Elba Island</h3> <ul class="hidden md:block columns-2 "><li><a href="/island-of-elba/beaches/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Beaches and coasts</a></li><li><a href="/discovering-elba/communes-towns/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Towns and villages</a></li><li><a href="/island-of-elba/places-to-see/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">What to see</a></li><li><a href="https://www.infoelba.com/eating-cuisine/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Flavours of Elba</a></li><li><a href="/island-of-elba/tuscan-archipelago-national-park/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Tuscan Archipelago National Park</a></li><li><a href="/useful-information/webcams/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Webcams</a></li></ul></div></div></div><div id="menu-526-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">Experiences</h3> <ul class="hidden md:block columns-2 "><li><a href="/sports-free-time/elba-experiences/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Elba not to be missed</a></li><li><a href="/sports-free-time/water-sports/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Water sports</a></li><li><a href="/sports-free-time/land-sports/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Outdoor sports</a></li><li><a href="https://www.infoelba.com/sports-free-time/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.com/island-of-elba/guided-excursions/museums-historical-places-nature/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Guided tours</a></li><li>
385<a href="/island-of-elba/guided-excursions/fishing-boat-trips/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Boat trips</a></li><li><a href="/sports-free-time/land-sports/elba-by-bike/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Elba by bike</a></li><li><a href="/elba-paths-routes/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Trekking: trails and walking routes</a></li><li><a href="https://www.infoelba.com/island-of-elba/customised-tours/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Customised tours</a></li><li><a href="/eating-cuisine/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.com/island-of-elba/personalized-holidays/family-children/activities-children/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Activities for children</a></li><li><a href="/sports-free-time/special-events-exhibitions/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Events and festivals</a></li></ul></div></div></div><div id="menu-534-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">Services</h3> <ul class="hidden md:block columns-2 "><li><a href="/eating-cuisine/restaurants-pizzerias/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Restaurants and pizzerias</a></li><li><a href="/where-to-sleep/travel-agencies-realtors/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Tourist and real estate agencies</a></li><li><a href="/island-of-elba/beaches/bathing-establishments/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Beach establishments</a></li><li><a href="https://www.infoelba.com/arriving-getting-about/getting-about-on-the-island/hire-rental/boat-rubber-dinghy/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"> Boat rental</a></li><li><a href="https://www.infoelba.com/arriving-getting-about/getting-about-on-the-island/sailing-charter/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Charter sailing</a></li><li><a href="https://www.infoelba.com/arriving-getting-about/getting-about-on-the-island/hire-rental/bike/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Bike and e-bike rental</a></li><li><a href="/sports-free-time/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.com/sports-free-time/courses-study-trips/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Courses and study trips</a></li><li><a href="https://www.infoelba.com/island-of-elba/personalized-holidays/pets/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Travelling with pets</a></li><li><a href="https://www.infoelba.com/useful-information/smartphone-apps/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Free apps</a></li><li><a href="/useful-information/weather-island-of-elba/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Weather</a></li><li><a href="/useful-information/useful-phone-numbers-addresses/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit">Useful numbers</a></li><li><a href="/real-estate-ads-elba/" class="p-3 rounded-lg text-gray-800 hover:bg-gray-50 flex items-center gap-2 w-fit"> Property information</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="/">Island of Elba</a></li> 393 394 <li><a href="/where-to-sleep/">Where to sleep</a></li> 395 396 <li class="active">Looking for accommodation</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": "Island of Elba", 408 "item": "https://www.infoelba.com/" 409 }, 410 { 411 "@type": "ListItem", 412 "position": 2, 413 "name": "Where to sleep", 414 "item": "https://www.infoelba.com/where-to-sleep/" 415 }, 416 { 417 "@type": "ListItem", 418 "position": 3, 419 "name": "Looking for accommodation", 420 "item": "https://www.infoelba.com/where-to-sleep/search/" 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">Looking for accommodation on the Island of Elba : hotels, residences, apartments</h1><h2 class="text-2xl text-gray-600 mb-4">Hotels, campsites, residences, apartments and villas for a holiday on the Island of 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 Show or hide filters 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">Name</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="Name" /> 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">Start the search </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> Type 472 </span> 473 <span id="type-active-filter" class="search-filter-active-label text-left text-ellipsis"> 474 Any 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="Structure"> 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 Any 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 Farm holiday campsites 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 Farm holiday centres 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 Apartaments 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 Small villas and detached houses 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 Campsites 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 Hotels 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 Residences 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 Villas 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> Results of the search 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> Area 570 </span> 571 <span id="zone-active-filter" class="search-filter-active-label text-left"> 572 Any 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="Area"> 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 Any 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> Results of the search 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> Services 664 </span> 665 <span id="facilities-active-filter" class="search-filter-active-label text-left"> 666 Any 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 Pets allowed 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 Entertainment 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 Children's play area 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 Air conditioning 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 Room for the disabled 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 Room with Sat TV 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 Outdoor table and chairs set 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 Internet connection 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 Dishwasher 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 Washing machines 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 Car park 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 Covered car park 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 Swimming pool 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 Children'sm play pool 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 Heating 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 Restaurant 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 Sat TV 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 Private beach 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 Sea view 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 Gluten free cuisine 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 Charging station for electric vehicles 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 Wifi connection 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> Results of the search 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> Features 881 </span> 882 <span id="features-active-filter" class="search-filter-active-label text-left"> 883 Any 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="Features"> 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-compatible 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 With offers or 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 Yearly opening 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> Results of the search 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 Contact immediately 932 </span> 933 <span class="search-filter-active-label text-left"> 934 <span class="search-results-count"></span> structures 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 Your search 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-1937" 962 data-resource-id="1937" 963 data-resource-type="property" 964 data-property-id="1937" 965 data-property-type="ap" 966 data-property-name="Appartamenti Il Delfino" data-latitude="42.737441" data-longitude="10.368985"> 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="/where-to-sleep/apartments/appartamenti-il-delfino-1937/" class="block h-full"> 970 <img src="/turismo/1937/featured.jpg" alt="Appartamenti Il Delfino" 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> See more</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="/where-to-sleep/apartments/appartamenti-il-delfino-1937/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Appartamenti Il Delfino">Appartamenti Il Delfino</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Peducelli, 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:+393389833397" target="_blank" class="underline hover:no-underline">+393389833397</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=1937" data-toggle="modal" data-ui-action="openModalIframe" data-title="Appartamenti Il Delfino - Request availability">Contacts<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+393389833397" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-1937" onclick="Infoelba.Favorites.action(1937, '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="Save the structure in 'my choice'"><span class="underline">Save</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-291" 981 data-resource-id="291" 982 data-resource-type="property" 983 data-property-id="291" 984 data-property-type="ht" 985 data-property-name="Hotel Valle Verde" data-latitude="42.786566" data-longitude="10.234333" data-category="3"> 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="/where-to-sleep/hotels/hotel-valle-verde-291/" class="block h-full"> 989 <img src="/turismo/291/featured.jpg" alt="Hotel Valle Verde" 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> See more</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="/where-to-sleep/hotels/hotel-valle-verde-291/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Hotel Valle Verde 3 stars">Hotel Valle Verde</a></h3><h5 class="text-base font-bold">Hotel 3 stars</h5><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Spartaia, Marciana</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:+393463969533" target="_blank" class="underline hover:no-underline">+393463969533</a></p><p class="flex items-center gap-1"><i class="fi fi-tr-phone-flip text-xl"></i><a href="tel:+390565907287" target="_blank" class="underline hover:no-underline">+390565907287</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=291" data-toggle="modal" data-ui-action="openModalIframe" data-title="Hotel Valle Verde - Request availability">Contacts<i class="fi fi-tr-envelopes"></i></button><a href="#" id="favorites-291" onclick="Infoelba.Favorites.action(291, '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="Save the structure in 'my choice'"><span class="underline">Save</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-483" 1000 data-resource-id="483" 1001 data-resource-type="property" 1002 data-property-id="483" 1003 data-property-type="re" 1004 data-property-name="Residence Il Pavone" data-latitude="42.752496" data-longitude="10.233781" data-category="3"> 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="/where-to-sleep/residences/residence-il-pavone-483/" class="block h-full"> 1008 <img src="/turismo/483/featured.jpg" alt="Residence Il Pavone" 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> See more</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="/where-to-sleep/residences/residence-il-pavone-483/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Residence Il Pavone 3 keys">Residence Il Pavone</a></h3><h5 class="text-base font-bold">Residence 3 keys</h5><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:+390565915899" target="_blank" class="underline hover:no-underline">+390565915899</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=483" data-toggle="modal" data-ui-action="openModalIframe" data-title="Residence Il Pavone - Request availability">Contacts<i class="fi fi-tr-envelopes"></i></button><a href="#" id="favorites-483" onclick="Infoelba.Favorites.action(483, '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="Save the structure in 'my choice'"><span class="underline">Save</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-1638" 1019 data-resource-id="1638" 1020 data-resource-type="property" 1021 data-property-id="1638" 1022 data-property-type="ap" 1023 data-property-name="Appartamenti Seta di Mare" data-latitude="42.748163" data-longitude="10.12141"> 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="/where-to-sleep/apartments/appartamenti-seta-di-mare-1638/" class="block h-full"> 1027 <img src="/turismo/1638/featured.jpg" alt="Appartamenti Seta di Mare" 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> See more</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="/where-to-sleep/apartments/appartamenti-seta-di-mare-1638/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Ap
1033partamenti Seta di Mare">Appartamenti Seta di Mare</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Pomonte, 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:+393389468245" target="_blank" class="underline hover:no-underline">+393389468245</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=1638" data-toggle="modal" data-ui-action="openModalIframe" data-title="Appartamenti Seta di Mare - Request availability">Contacts<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+393389468245" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-1638" onclick="Infoelba.Favorites.action(1638, '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="Save the structure in 'my choice'"><span class="underline">Save</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-1407" 1038 data-resource-id="1407" 1039 data-resource-type="property" 1040 data-property-id="1407" 1041 data-property-type="ap" 1042 data-property-name="Cottage e Caravan Lacona" data-latitude="42.760113" data-longitude="10.315518"> 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="/where-to-sleep/apartments/cottage-e-caravan-lacona-1407/" class="block h-full"> 1046 <img src="/turismo/1407/featured.jpg" alt="Cottage e Caravan Lacona" 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> See more</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="/where-to-sleep/apartments/cottage-e-caravan-lacona-1407/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Cottage e Caravan Lacona">Cottage e Caravan Lacona</a></h3><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Lacona, 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:+390565964161" target="_blank" class="underline hover:no-underline">+390565964161</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=1407" data-toggle="modal" data-ui-action="openModalIframe" data-title="Cottage e Caravan Lacona - Request availability">Contacts<i class="fi fi-tr-envelopes"></i></button><a href="#" id="favorites-1407" onclick="Infoelba.Favorites.action(1407, '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="Save the structure in 'my choice'"><span class="underline">Save</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-475" 1057 data-resource-id="475" 1058 data-resource-type="property" 1059 data-property-id="475" 1060 data-property-type="re" 1061 data-property-name="Casa Campanella Resort" data-latitude="42.752511" data-longitude="10.371163" data-category="3"> 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="/where-to-sleep/residences/casa-campanella-resort-475/" class="block h-full"> 1065 <img src="/turismo/475/featured.jpg" alt="Casa Campanella Resort" 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> See more</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="/where-to-sleep/residences/casa-campanella-resort-475/" class="text-light-primary hover:text-primary hover:no-underline transition-colors duration-200" title="Casa Campanella Resort 3 keys">Casa Campanella Resort</a></h3><h5 class="text-base font-bold">Residence 3 keys</h5><p class="flex items-center gap-1"><i class="fi fi-ts-land-layer-location text-xl"></i>Mola, 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:+393453308000" target="_blank" class="underline hover:no-underline">+393453308000</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=475" data-toggle="modal" data-ui-action="openModalIframe" data-title="Casa Campanella Resort - Request availability">Contacts<i class="fi fi-tr-envelopes"></i></button><a href="https://wa.me/+393453308000" target="_blank" class="btn btn-success btn-action flex-1">WhatsApp <i class="fab fa-whatsapp"></i></a><a href="#" id="favorites-475" onclick="Infoelba.Favorites.action(475, '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="Save the structure in 'my choice'"><span class="underline">Save</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="/app" target="_blank" aria-hidden="true" tabindex="-1"> 1084 <img src="/allegati/banner/en/app-infoelba-1140x200.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 Sleep 1097 </li> 1098 1099 <li><a href="/where-to-sleep/search/">Find accommodation</a></li> 1100 1101 <li><a href="/accommodation-price-availability/">Request a quote</a></li> 1102 1103 <li><a href="/where-to-sleep/accommodation-open-all-year-round/">Accommodation that is open all year round</a></li> 1104 1105 <li><a href="/where-to-sleep/hotels/">Hotels</a></li> 1106 1107 <li><a href="/where-to-sleep/residences/">Residences</a></li> 1108 1109 <li><a href="/where-to-sleep/bed-and-breakfasts/">Bed & Breakfast</a></li> 1110 1111 <li><a href="/where-to-sleep/farm-holiday-centres/">Farm holidays</a></li> 1112 1113 <li><a href="/where-to-sleep/campsites/">Campsites</a></li> 1114 1115 <li><a href="/where-to-sleep/farm-holiday-campsites/">Farm campsites</a></li> 1116 1117 <li><a href="https://www.infoelba.com/where-to-sleep/campers-caravas-facilities/">Motorhome rest areas</a></li> 1118 1119 <li><a href="/where-to-sleep/apartments/">Apartments and holiday homes</a></li> 1120 1121 <li><a href="/where-to-sleep/small-villas-detached-houses/">Villas and independent houses</a></li> 1122 1123 <li><a href="/where-to-sleep/villas/">Villas</a></li> 1124 1125 <li><a href="/where-to-sleep/luxury-holidays/">Luxury accommodations</a></li> 1126 1127 </ul> 1128 1129 <ul class="flex flex-col grow gap-2 col-span-1"> 1130 <li class="font-bold"> 1131 Travel info 1132 </li> 1133 1134 <li><a href="/arriving-getting-about/how-to-get-there/ferries/booking/">Ferries</a></li> 1135 1136 <li><a href="https://www.infoelba.com/arriving-getting-about/how-to-get-there/car/garages-car-parks-piombino/">Parking in Piombino</a></li> 1137 1138 <li><a href="/arriving-getting-about/how-to-get-there/">How to reach the island</a></li> 1139 1140 <li><a href="/arriving-getting-about/luggage-storage/">Luggage store</a></li> 1141 1142 <li><a href="/arriving-getting-about/getting-about-on-the-island/">Getting around the island</a></li> 1143 1144 <li><a href="/arriving-getting-about/getting-about-on-the-island/hire-rental/car-motorbike-scooter/">Car and scooter rental</a></li> 1145 1146 <li><a href="https://www.infoelba.com/arriving-getting-about/getting-about-on-the-island/hire-rental/online-scooter-booking/">Online scooter rental</a></li> 1147 1148 <li><a href="/arriving-getting-about/getting-about-on-the-island/taxis/">Taxi and car hire</a></li> 1149 1150 </ul> 1151 1152 <ul class="flex flex-col grow gap-2 col-span-1"> 1153 <li class="font-bold"> 1154 Elba Island 1155 </li> 1156 1157 <li><a href="/island-of-elba/beaches/">Beaches and coasts</a></li> 1158 1159 <li><a href="/discovering-elba/communes-towns/">Towns and villages</a></li> 1160 1161 <li><a href="/island-of-elba/places-to-see/">What to see</a></li> 1162 1163 <li><a href="https://www.infoelba.com/eating-cuisine/">Flavours of Elba</a></li> 1164 1165 <li><a href="/island-of-elba/tuscan-archipelago-national-park/">Tuscan Archipelago National Park</a></li> 1166 1167 <li><a href="/useful-information/webcams/">Webcams</a></li> 1168 1169 </ul> 1170 1171 <ul class="flex flex-col grow gap-2 col-span-1"> 1172 <li class="font-bold"> 1173 Experiences 1174 </li> 1175 1176 <li><a href="/sports-free-time/elba-experiences/">Elba not to be missed</a></li> 1177 1178 <li><a href="/sports-free-time/water-sports/">Water sports</a></li> 1179 1180 <li><a href="/sports-free-time/land-sports/">Outdoor sports</a></li> 1181 1182 <li><a href="https://www.infoelba.com/sports-free-time/wellness/">Wellness</a></li> 1183 1184 <li><a href="https://www.infoelba.com/island-of-elba/guided-excursions/museums-historical-places-nature/">Guided tours</a></li> 1185 1186 <li>
1186<a href="/island-of-elba/guided-excursions/fishing-boat-trips/">Boat trips</a></li> 1187 1188 <li><a href="/sports-free-time/land-sports/elba-by-bike/">Elba by bike</a></li> 1189 1190 <li><a href="/elba-paths-routes/">Trekking: trails and walking routes</a></li> 1191 1192 <li><a href="https://www.infoelba.com/island-of-elba/customised-tours/">Customised tours</a></li> 1193 1194 <li><a href="/eating-cuisine/wine-food-experience/">Wine & Food Experience</a></li> 1195 1196 <li><a href="https://www.infoelba.com/island-of-elba/personalized-holidays/family-children/activities-children/">Activities for children</a></li> 1197 1198 <li><a href="/sports-free-time/special-events-exhibitions/">Events and festivals</a></li> 1199 1200 </ul> 1201 1202 <ul class="flex flex-col grow gap-2 col-span-1"> 1203 <li class="font-bold"> 1204 Services 1205 </li> 1206 1207 <li><a href="/eating-cuisine/restaurants-pizzerias/">Restaurants and pizzerias</a></li> 1208 1209 <li><a href="/where-to-sleep/travel-agencies-realtors/">Tourist and real estate agencies</a></li> 1210 1211 <li><a href="/island-of-elba/beaches/bathing-establishments/">Beach establishments</a></li> 1212 1213 <li><a href="https://www.infoelba.com/arriving-getting-about/getting-about-on-the-island/hire-rental/boat-rubber-dinghy/"> Boat rental</a></li> 1214 1215 <li><a href="https://www.infoelba.com/arriving-getting-about/getting-about-on-the-island/sailing-charter/">Charter sailing</a></li> 1216 1217 <li><a href="https://www.infoelba.com/arriving-getting-about/getting-about-on-the-island/hire-rental/bike/">Bike and e-bike rental</a></li> 1218 1219 <li><a href="/sports-free-time/shopping/">Shopping</a></li> 1220 1221 <li><a href="https://www.infoelba.com/sports-free-time/courses-study-trips/">Courses and study trips</a></li> 1222 1223 <li><a href="https://www.infoelba.com/island-of-elba/personalized-holidays/pets/">Travelling with pets</a></li> 1224 1225 <li><a href="https://www.infoelba.com/useful-information/smartphone-apps/">Free apps</a></li> 1226 1227 <li><a href="/useful-information/weather-island-of-elba/">Weather</a></li> 1228 1229 <li><a href="/useful-information/useful-phone-numbers-addresses/">Useful numbers</a></li> 1230 1231 <li><a href="/real-estate-ads-elba/"> Property information</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.com">infoelba</a></strong>® it is a registered trademark - all rights reserved 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 = 'Attach a 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">Share on</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>Copy 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 copied to clipboard!</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="Subscribe to the 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 Subscribe to the 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 Subscribe to the 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">Close</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="The subscription could not be completed: check your connection and try again."> 1464 1465 <div class=""> 1466 1467 1468 <p class="text-base mb-4">Secret beaches, villages, itineraries and the tips of those who live on Elba all year round: an email every now and then, nothing more.</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">Fields marked with an asterisk (*) are required.</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 Surname 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 Name 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">How we handle your data</h4>The data you enter are stored by Infoelba S.r.l. and used only to send you the newsletter: <strong>they are not passed on to accommodations or to any other third party</strong>. You can ask to be removed at any time, through the link at the bottom of every email or by writing to us.</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>I have read the <strong>Privacy Policy</strong> (to view it, click the padlock at the bottom left) and I confirm that I am over 18 years old. <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>
1522Yes, sign me up: I agree to receive tips, itineraries and promotional messages about the island of Elba from Infoelba S.r.l. <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.com/where-to-sleep/search/" /> 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="843731656.d9f1a89576be3ae45c34798c9dd4e12f" /> 1534 1535 1536 <div class="flex"> 1537 <button type="submit" name="invia" class="btn btn-primary" data-submit> 1538 Subscribe 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.en.min.js?v=114"></script>
vendor: 2 bytes, line 1564
1564
1565<script> 1566Infoelba.addInit(function() { 1567Infoelba.AccommodationSearch.init('search', 'residential_search', {"Ricerca_FiltroNonImpostato": "Any", "Caricamento_Invio": "Sending..." }); 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', 'v7ds86gvdd');*/ 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.