PageSourceSearch

https://www.infoelba.com/where-to-sleep/search/

html infoelba.com collected 2026-09-26 07:54:16 UTC 103,242 bytes, 1,655 lines download raw bytes

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 &amp; 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>&copy;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 &euro;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>&reg; 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.