

<!-- class Upload
{
	public $filename;
	public $width = 800;
	public $height = 800;
	public $crop = false;
	public $thumb_crop = true;
	public $thumb_width = 100;
	public $thumb_height = 100;
	public $thumb = false;
	public $max_size = 6097152; // ~6MB

	private $dest_path;
	private $thumb_path;
	private $orig_path;
	private $resize = false;
	private $tmp_name;
	private $file = [];
	private $file_ok = false;

	function __construct($dest_path, $file)
	{
		$this->file = $file;

		$oldumask = umask(0);
		@mkdir($dest_path . "thumb/", 0777, true);
		@mkdir($dest_path . "orig/", 0777, true);
		umask($oldumask);

		$this->dest_path = $dest_path;
		$this->thumb_path = $dest_path . 'thumb/';
		$this->orig_path = $dest_path . 'orig/';

		$this->tmp_name = $this->file['tmp_name'];
		$this->filename = $this->get_filename($this->file['name']);

		if (in_array($this->file["type"], ["image/gif", "image/jpeg", "image/png", "image/webp"]) && ($this->file["size"] < $this->max_size)) {
			$this->file_ok = true;
			$this->save_original();
		}
	}

	private function get_filename($filename)
	{
		$name = pathinfo($filename, PATHINFO_FILENAME);
		$extension = pathinfo($filename, PATHINFO_EXTENSION);

		$temp_name = $name;
		$i = 1;
		while (file_exists($this->orig_path . $temp_name . "." . $extension)) {
			$temp_name = $name . '_' . $i;
			$i++;
		}

		return $temp_name . "." . $extension;
	}

	public function save_image()
	{
		if ($this->file_ok) {
			if ($this->resize) {
				$this->create_image($this->dest_path, $this->filename, $this->width, $this->height, $this->crop);
			} else {
				copy($this->orig_path . $this->filename, $this->dest_path . $this->filename);
			}

			if ($this->thumb) {
				$this->create_image($this->thumb_path, $this->filename, $this->thumb_width, $this->thumb_height, $this->thumb_crop);
			}
		}
	}

	private function create_image($path, $filename, $targetWidth, $targetHeight, $crop)
	{
		$file_path = $this->orig_path . $filename;
		list($origWidth, $origHeight) = getimagesize($file_path);

		$src_image = $this->image_create_from_file($file_path, $this->file['type']);
		if (!$src_image) {
			return false; // Failed to create image from file
		}

		// Calculate resize ratio respecting aspect ratio
		$ratio_orig = $origWidth / $origHeight;
		$ratio_target = $targetWidth / $targetHeight;

		// Initialize dimensions for resizing
		$resizeWidth = $targetWidth;
		$resizeHeight = $targetHeight;

		if ($crop) {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		} else {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		}

		// Create a new true color image with the calculated dimensions
		$resized_image = imagecreatetruecolor($resizeWidth, $resizeHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($resized_image, imagecolorallocatealpha($resized_image, 0, 0, 0, 127));
			imagealphablending($resized_image, false);
			imagesavealpha($resized_image, true);
		}

		// Resize the original image
		imagecopyresampled($resized_image, $src_image, 0, 0, 0, 0, $resizeWidth, $resizeHeight, $origWidth, $origHeight);

		// Calculate cropping coordinates to center the image
		$crop_x = ($resizeWidth - $targetWidth) / 2;
		$crop_y = ($resizeHeight - $targetHeight) / 2;

		// Create the final image with the target dimensions
		$destination_image = imagecreatetruecolor($targetWidth, $targetHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($destination_image, imagecolorallocatealpha($destination_image, 0, 0, 0, 127));
			imagealphablending($destination_image, false);
			imagesavealpha($destination_image, true);
		}

		// Crop the resized image to the target dimensions
		imagecopyresampled($destination_image, $resized_image, 0, 0, $crop_x, $crop_y, $targetWidth, $targetHeight, $targetWidth, $targetHeight);

		// Save the image in the original format
		$this->image_save_to_file($destination_image, $path . $filename, $this->file['type']);

		// Save the image in WebP format
		$this->image_save_to_webp($destination_image, $path . pathinfo($filename, PATHINFO_FILENAME) . '.webp', 70); // Adjust quality as needed

		// Cleanup
		imagedestroy($src_image);
		imagedestroy($resized_image);
		imagedestroy($destination_image);
	}


	private function image_create_from_file($filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				return imagecreatefromjpeg($filepath);
			case 'image/png':
				return imagecreatefrompng($filepath);
			case 'image/gif':
				return imagecreatefromgif($filepath);
			case 'image/webp':
				return imagecreatefromwebp($filepath);
			default:
				return false;
		}
	}

	private function image_save_to_file($image, $filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				imagejpeg($image, $filepath, 80); // Adjust quality as needed
				break;
			case 'image/png':
				imagepng($image, $filepath, 6); // Adjust compression level as needed
				break;
			case 'image/gif':
				imagegif($image, $filepath);
				break;
			case 'image/webp':
				imagewebp($image, $filepath, 85); // Adjust quality as needed
				break;
		}
	}

	private function image_save_to_webp($image, $filepath, $quality)
	{
		return imagewebp($image, $filepath, $quality);
	}

	private function save_original()
	{
		move_uploaded_file($this->tmp_name, $this->orig_path . $this->filename);
	}

	public function resize($width, $height)
	{
		$this->resize = true;
		$this->width = $width;
		$this->height = $height;
	}

	public function thumb($width = 100, $height = 100, $crop = true)
	{
		$this->thumb = true;
		$this->thumb_width = $width;
		$this->thumb_height = $height;
		$this->thumb_crop = $crop;
	}

	// Rotate Exif function omitted for brevity
} -->


<!DOCTYPE html>
<html lang="nl">

<head>
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-LY0EMV8Y9C"></script>
	<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-LY0EMV8Y9C');</script>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
			<title>LA MER AMELAND  - VOLOP GENIETEN VAN DE NATUUR </title>
		<meta name="description" content="Verscholen aan de Oranjeweg te Hollum, gelegen aan de weg naar het strand, ligt op maar liefst 1014 m2 eigen grond deze luxe vakantievilla “La Mer” van bouwjaar 2013. Samen met de Fenneweg (de weg onder de bosrand) behoort deze tot de meest geliefde p"/>
		<meta name="keywords" content="Lamer, vakantievilla, luxe,  Ameland, hollum, vakantiewoning, vankantiehuis, la, mer"/>

		<!-- <meta name="Distribution" content="Global" /> -->
		<meta name="Rating" content="General"/>
		<meta name="Robots" content="INDEX,FOLLOW"/>
		<meta name="Revisit-after" content="7 Days"/>
		<meta name="author" content="Spinnerz communicatie">
		<link rel="canonical" href="http://www.beleefameland.com">

		<link rel="icon" type="image/x-icon" href="/images/favicon.ico">

		<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
		<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
		<link rel="manifest" href="/favicons/site.webmanifest">
		<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5">
		<link rel="shortcut icon" href="/favicons/favicon.ico">
		<meta name="msapplication-TileColor" content="#ffffff">
		<meta name="msapplication-config" content="/favicons/browserconfig.xml">
		<meta name="theme-color" content="#ffffff">	<link href="/css/main.min.css" rel="stylesheet"/>
	<link href="/node_modules/animate.css/animate.min.css" rel="stylesheet"/>
	<script src="https://kit.fontawesome.com/121652c01a.js" crossorigin="anonymous"></script>

	<script src="https://www.google.com/recaptcha/api.js?render=6Lco3vkeAAAAAFg4_DZKOPNzC08OeiCEB-ND-jHh"></script>

	<script defer data-domain="beleefameland.com" src="https://tester.spinnerz.nl/js/script.js"></script>

</head>

<body>
	<nav id="navbar" class="navbar navbar-expand-lg bg-light animate__animated animate__fadeIn">
		<div class="container-fluid">
			<a class="navbar-brand" href="#"><img src="/images/logo.svg" id="logo" class="d-none d-md-block img-fluid logo" alt="La Mer vakantiewoning Ameland"/></a>

			<a class="navbar-brand" href="#"><img src="/images/logo.svg" class="d-md-none img-fluid logo" alt="La Mer vakantiewoning Ameland"/></a>

			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">

				<ul class="navbar-nav me-auto scroll-nav">
					<li class="nav-item">
						<a class="nav-link" aria-current="page" href="#">Home</a>
					</li>

					
														<li class="nav-item">
								<a class="nav-link" href="#over-la-mer">Over La Mer</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#foto-s">Foto's</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#reviews">Reviews</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#praktische-info">Praktische info</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#contact">Contact</a>
							</li>
					
				</ul>
				<span class="navbar-text d-none d-md-block">
					<a href="tel:0519764040" class="me-2 btn btn-outline-danger btn-sm"><i class="fas fa-phone fa-fw"></i></a>
					<a href="mailto:info@eilandverhuur.nl" class="me-2 btn btn-outline-danger btn-sm"><i class="fas fa-envelope fa-fw fa-sm"></i></a>
										<a href="https://www.eilandverhuur.nl/lamer" target="_blank" class="btn btn-danger text-light">BOEK NU</a>
				</span>
			</div>
		</div>
	</nav>


	<div id="carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">

		<div class="carousel-inner">

							<div loading="lazy" class="carousel-item active d-flex justify-content-center min-vh-100 back-carousel" style="background-image: url('/upload/gallery/20230121121608/Amelandfoto-buitenkant-3.jpg');">
					<div class=" row text-center" style="top: 60%; position: absolute">
						<div class="col-12">
							<span class="carousel-text">LA MER AMELAND </span>
							<br/>
							<span class="carousel-sub">VOLOP GENIETEN VAN DE NATUUR </span>
							<br/>
							<a href="https://www.eilandverhuur.nl/lamer" target="_blank" class="btn btn-danger btn-lg mt-3 text-white rounded-0 animate__animated animate__bounce animate__delay-2s">BOEK NU <i class="fa fa-circle-chevron-right"></i></a>
						</div>
					</div>
				</div>
							<div loading="lazy" class="carousel-item  d-flex justify-content-center min-vh-100 back-carousel" style="background-image: url('/upload/gallery/20230121121608/Amelandfoto-bungalowhollum-4.jpg');">
					<div class=" row text-center" style="top: 60%; position: absolute">
						<div class="col-12">
							<span class="carousel-text">LA MER AMELAND </span>
							<br/>
							<span class="carousel-sub">VOLOP GENIETEN VAN DE NATUUR </span>
							<br/>
							<a href="https://www.eilandverhuur.nl/lamer" target="_blank" class="btn btn-danger btn-lg mt-3 text-white rounded-0 animate__animated animate__bounce animate__delay-2s">BOEK NU <i class="fa fa-circle-chevron-right"></i></a>
						</div>
					</div>
				</div>
							<div loading="lazy" class="carousel-item  d-flex justify-content-center min-vh-100 back-carousel" style="background-image: url('/upload/gallery/20230121121608/Amelandfoto-bungalowhollum-15.jpg');">
					<div class=" row text-center" style="top: 60%; position: absolute">
						<div class="col-12">
							<span class="carousel-text">LA MER AMELAND </span>
							<br/>
							<span class="carousel-sub">VOLOP GENIETEN VAN DE NATUUR </span>
							<br/>
							<a href="https://www.eilandverhuur.nl/lamer" target="_blank" class="btn btn-danger btn-lg mt-3 text-white rounded-0 animate__animated animate__bounce animate__delay-2s">BOEK NU <i class="fa fa-circle-chevron-right"></i></a>
						</div>
					</div>
				</div>
							<div loading="lazy" class="carousel-item  d-flex justify-content-center min-vh-100 back-carousel" style="background-image: url('/upload/gallery/20230121121608/12.jpg');">
					<div class=" row text-center" style="top: 60%; position: absolute">
						<div class="col-12">
							<span class="carousel-text">LA MER AMELAND </span>
							<br/>
							<span class="carousel-sub">VOLOP GENIETEN VAN DE NATUUR </span>
							<br/>
							<a href="https://www.eilandverhuur.nl/lamer" target="_blank" class="btn btn-danger btn-lg mt-3 text-white rounded-0 animate__animated animate__bounce animate__delay-2s">BOEK NU <i class="fa fa-circle-chevron-right"></i></a>
						</div>
					</div>
				</div>
							<div loading="lazy" class="carousel-item  d-flex justify-content-center min-vh-100 back-carousel" style="background-image: url('/upload/gallery/20230121121608/Amelandfoto-bungalowhollum-3.jpg');">
					<div class=" row text-center" style="top: 60%; position: absolute">
						<div class="col-12">
							<span class="carousel-text">LA MER AMELAND </span>
							<br/>
							<span class="carousel-sub">VOLOP GENIETEN VAN DE NATUUR </span>
							<br/>
							<a href="https://www.eilandverhuur.nl/lamer" target="_blank" class="btn btn-danger btn-lg mt-3 text-white rounded-0 animate__animated animate__bounce animate__delay-2s">BOEK NU <i class="fa fa-circle-chevron-right"></i></a>
						</div>
					</div>
				</div>
						<button class="carousel-control-prev d-none d-block-md" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="visually-hidden">Previous</span>
			</button>
			<button class="carousel-control-next d-none d-block-md" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="visually-hidden">Next</span>
			</button>
		</div>


		<div class="scroll-downs" style="z-index: 1000">
			<div class="mousey">
				<div class="scroller"></div>
			</div>
		</div>
	</div>


		<section id="over-la-mer" class="bg-primary py-5 text-light py-5">
			<div class="container py-5">
				<div class="row">
					<div class="col-12">
						<h1>Over La Mer</h1>
					</div>

												<div class="col-sm-12 col-md-5 order-sm-1 mb-4 mb-md-0 order-md-2">
								<img src="/upload/custom_pages/pages/thumbnail_IMG_4167.jpg" class="img-fluid img-thumbnail wow animate__animated animate__fadeIn" data-wow-delay="0.5s"/>
							</div>
						
					<div class="col-12 col-md-7 order-sm-2 order-md-1  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
													<p>Verscholen aan de Oranjeweg te Hollum, gelegen aan de weg naar het strand, ligt op maar liefst 1014 m2 eigen grond deze luxe vakantievilla &ldquo;La Mer&rdquo; van bouwjaar 2012. Samen met de Fenneweg (de weg onder de bosrand) behoort deze tot de meest geliefde plekken in Hollum.<br/>
<br/>
La Mer is onder architectuur gebouwd met als kenmerken duurzaamheid<br/>
(energielabel A++),&nbsp;licht, ruimte, privacy, luxe en rust.&nbsp;<br/>
Geniet van La Mer en het prachtige eiland Ameland. Beleef Ameland!<br/>
<br/>
In de dichte nabijheid zijn de bossen, het strand en de golfbaan. Het strand en beachclub <em>&quot;The Sunset&quot; </em>bevinden zich op ongeveer 1100 meter afstand. Hier beleeft u de mooiste sunset van Ameland!<br/>
La Mer heeft uitzicht op de imposante rood-wit gestreepte vuurtoren, welke op circa 450 meter ligt. Het gezellige dorp Hollum ligt op zo&#39;n 800 meter. Hollum is het meest westelijke gelegen dorp op het eiland aan en beschikt over tal van gezellige restaurants en winkeltjes.<br/>
<br/>
<br/>
INDELING WONING<br/>
Woonkamer met zithoek, flatscreen en open keuken met ruime eettafel, vaatwasser en combi-oven.<br/>
Er zijn 3 slaapkamers waarvan 2 met een dubbel boxspringbed en 1 slaapkamer met een stapelbed. De badkamer beschikt over een heerlijke dubbele regendouche, dubbele wastafel en toilet. Er is tevens een separaat toilet aanwezig.<br/>
Vanuit de woonkamer kom je in het verzonken terras met eettafel en lounge bank.<br/>
<br/>
Deze bijzondere vakantievilla heeft echt de ideale&nbsp;ligging tussen het strand en het dorp Hollum&nbsp;in!!</p>
												
						
					</div>

				</div>

				<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
			</div>
		</section>
	
		<section id="foto-s" class=" py-5  py-5">
			<div class="container py-5">
				<div class="row">
					<div class="col-12">
						<h1>Foto's</h1>
					</div>

					
					<div class="col-12 col-md-12 order-sm-2 order-md-2  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
													<p>Onderstaand ziet u een serie foto&#39;s, klik op de foto voor een grote weergave.</p>
												
						 <div class="row">
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230121121557/Amelandfoto-bungalowhollum-14.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230121121557/thumb/Amelandfoto-bungalowhollum-14.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230121121557/thumbnail_IMG_4173.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230121121557/thumb/thumbnail_IMG_4173.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230121121557/Amelandfoto-bungalowhollum-4.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230121121557/thumb/Amelandfoto-bungalowhollum-4.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230121121557/Amelandfoto-bungalowhollum-19.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230121121557/thumb/Amelandfoto-bungalowhollum-19.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230121121557/Amelandfoto-bungalowhollum-18.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230121121557/thumb/Amelandfoto-bungalowhollum-18.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230121121557/thumbnail_IMG_5452.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230121121557/thumb/thumbnail_IMG_5452.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230121121557/Amelandfoto-buitenkant-5.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230121121557/thumb/Amelandfoto-buitenkant-5.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230121121557/thumbnail_IMG_5448.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230121121557/thumb/thumbnail_IMG_5448.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
      </div>
					</div>

				</div>

				<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
			</div>
		</section>
	
		<section id="reviews" class="bg-primary py-5 text-light py-5">
			<div class="container py-5">
				<div class="row">
					<div class="col-12">
						<h1>Reviews</h1>
					</div>

					
					<div class="col-12 col-md-12 order-sm-2 order-md-1  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
												
						<div class="row">
    <div class="col-sm-12">
        <div id="carouselreviews" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-inner text-center mt-5">
                <div class="row">
                    <div class="col-sm-12 col-md-8 offset-md-2">

                                                    <div class="carousel-item carousel-item-reviews active">
                                <p class="review">
                                    We hebben heel erg genoten van dit prachtige vakantiehuis. Ruimte, rust, heerlijk terras en vooral ook het zicht op de grote ramen met de bomenpartij, net of dat je naar een schilderij kijkt! Komen zeker nog een keertje terug!
                                </p>
                                <p class="fst-italic">April 2022</p>
                            </div>
                                                    <div class="carousel-item carousel-item-reviews ">
                                <p class="review">
                                    Heerlijk vakantie gevierd op deze fantastische plek. Een prachtig huis, het heeft ons aan niets ontbroken. We komen zeker terug!
                                </p>
                                <p class="fst-italic">Juli 2022</p>
                            </div>
                                                    <div class="carousel-item carousel-item-reviews ">
                                <p class="review">
                                    Paradiesisch sch&ouml;n !!
Du liegst so versteckt und dennoch haben wir dich entdeckt. Wir wollen nun gar nicht mehr weg! Wir nehmen ein st&uuml;ck deiner sch&ouml;nheit mit in userem &ldquo;Handgep&auml;ck&rdquo;; damit meine ich die vielen kreativen ecken die es hier gibt, zu entdecken. Danke f&uuml;r vielen Erinnerungen. Paradiesisch sch&ouml;n, wir werden uns wiedersehen!!!
                                </p>
                                <p class="fst-italic">juni 2022 </p>
                            </div>
                                                    <div class="carousel-item carousel-item-reviews ">
                                <p class="review">
                                    La mer ist ein Urlaub Wert!&nbsp;

Perfekte Lage und dennoch ruhig gelegen, mit gro&szlig;em Garten von dicht bewachsenen Hecken umgeben. Das &quot;gr&uuml;ne&quot; Haus ist super sch&ouml;n! Offen gestaltet, hell und dennoch uneinsichtig. Man kommt rein und f&uuml;hlt sich sofort wohl.&nbsp;
Der Strand ist super schnell zu erreichen und an den hei&szlig;en Tagen ist ein Waldst&uuml;ck in unmittelbarer N&auml;he. Einfach super sch&ouml;n!&nbsp;
La mer bietet Meer. Unser pers&ouml;nliches gro&szlig;es Highlights ist die gro&szlig;z&uuml;gige Terrasse mit elektrischen vier Makiesen auf dieser man bis sp&auml;t abends die Sonne genie&szlig;en kann.                                </p>
                                <p class="fst-italic">Juni 2023 </p>
                            </div>
                                                    <div class="carousel-item carousel-item-reviews ">
                                <p class="review">
                                    Wir hatten eine wundervolle Woche in diesem tolle Haus.
Das Wetter war genial - die Markise einfach spitze.
Wir haben das Wohnzimmer nicht nutzen k&ouml;nnen, da wir die Zeit immer drau&szlig;en auf Terasse waren.
Wir kommen bestimmt wieder.
                                </p>
                                <p class="fst-italic">Juni 2022</p>
                            </div>
                                                    <div class="carousel-item carousel-item-reviews ">
                                <p class="review">
                                    Het huis is heerlijk licht, door de grote ramen met uitzicht op de vuurtoren voel je je ook bij slecht weer zeer comfortabel en heb je helemaal geen benauwd gevoel. Het is bijna alsof je buiten bent. Ook het terras is heerlijk zonnig en beschut tegen de wind. We komen zeker terug.                                </p>
                                <p class="fst-italic">April 2023</p>
                            </div>
                                                    <div class="carousel-item carousel-item-reviews ">
                                <p class="review">
                                    Wir lieben es hier sehr!
Durch die gro&szlig;en Fenster hat man das Gef&uuml;hl, man w&auml;te mitten in der Natur. Ich kenne kein Haus, das so gut dies offene Gro&szlig;z&uuml;gigkeit bieten kann wie dieses. Gerade im Fr&uuml;hling, wenn der Leuchttrum noch abends sein Licht durch die Fenster scheinen l&ouml;sst. Die vorh&auml;nge w&auml;ren da fast &uuml;berfl&uuml;ssig.
                                </p>
                                <p class="fst-italic">april 2021</p>
                            </div>
                                            </div>
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselreviews" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselreviews" data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        </div>
    </div>
</div>
					</div>

				</div>

				<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
			</div>
		</section>
	
		<section id="praktische-info" class=" py-5  py-5">
			<div class="container py-5">
				<div class="row">
					<div class="col-12">
						<h1>Praktische info</h1>
					</div>

												<div class="col-sm-12 col-md-5 order-sm-1 mb-4 mb-md-0 order-md-1">
								<img src="/upload/custom_pages/pages/thumbnail_IMG_4173_1.jpg" class="img-fluid img-thumbnail wow animate__animated animate__fadeIn" data-wow-delay="0.5s"/>
							</div>
						
					<div class="col-12 col-md-7 order-sm-2 order-md-2  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
													<p>La Mer is onder architectuur gebouwd met als kenmerken duurzaamheid<br/>
(energielabel A++),&nbsp;licht, ruimte, vrijheid, privacy, rust en luxe.<br/>
Geniet van La Mer en het prachtige eiland Ameland. Beleef Ameland!</p>
												
						<div class="accordion accordion-flush" id="accordionFlushPraktischeInfo">
    

        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-82" aria-expanded="false" aria-controls="flush-82">Algemeen</button>
            </h2>
            <div id="flush-82" class="accordion-collapse collapse show" aria-labelledby="flush-heading" data-bs-parent="#accordionFlushPraktischeInfo">
                <div class="accordion-body accordion-custom"><i class="fa-fw text-danger fa-light fa-house-window"></i> Oppervlakte: 145 m&sup2;<br/>
<i class="fa-fw text-danger fa-light fa-chart-area"></i> Perceel: 1041 m&sup2;<br/>
<i class="fa-fw text-danger fa-light fa-wifi"></i> Wifi<br/>
<i class="fa-fw text-danger fa-light fa-smoking-ban"></i> Rookvrij<br/>
<i class="fa-fw text-danger fa-light fa-tools"></i> Mechanische ventilatie<br/>
<i class="fa-fw text-danger fa-light fa-dog"></i> Huisdieren toegestaan (in overleg)<br/>
<i class="fa-fw text-danger fa-light fa-bed"></i> Bedden opmaakservice<br/>
<i class="fa-fw text-danger fa-light fa-parking"></i> Parkeren op eigen&nbsp;terrein</div>
            </div>
        </div>
    

        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-96" aria-expanded="false" aria-controls="flush-96">Duurzaamheid</button>
            </h2>
            <div id="flush-96" class="accordion-collapse collapse " aria-labelledby="flush-heading" data-bs-parent="#accordionFlushPraktischeInfo">
                <div class="accordion-body accordion-custom"><ul class="fa-ul">
                                <li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span> Engerielabel&nbsp;A ++</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Optimaal gebruik isolatie</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Materiaalgebruik (o.a. Western Red Cedar en Triple beglazing)</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Ori&euml;ntatie op de zon</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Maximaal gebruik van daglicht en zonnewarmte</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Zonnepanelen en zonneboiler</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Groendak als regenwaterbuffer en extra isolatie</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Vloerverwarming middels luchtwarmtepomp</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Geen gasaansluiting</ul></div>
            </div>
        </div>
    

        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-92" aria-expanded="false" aria-controls="flush-92">Ligging</button>
            </h2>
            <div id="flush-92" class="accordion-collapse collapse " aria-labelledby="flush-heading" data-bs-parent="#accordionFlushPraktischeInfo">
                <div class="accordion-body accordion-custom"><ul class="fa-ul">
                                <li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span> Vrijstaand</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Terras op het zuiden</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Dichtbij strand(ca. 1100 m.)</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Dichtbij vuurtoren(ca. 450 m.)</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Dichtbij dorp (ca. 800 m.)</ul></div>
            </div>
        </div>
    

        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-84" aria-expanded="false" aria-controls="flush-84">Woonruimte</button>
            </h2>
            <div id="flush-84" class="accordion-collapse collapse " aria-labelledby="flush-heading" data-bs-parent="#accordionFlushPraktischeInfo">
                <div class="accordion-body accordion-custom"><ul class="fa-ul">
                                <li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span> Vloerverwarming</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Smart TV</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Chromecast</ul></div>
            </div>
        </div>
    

        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-88" aria-expanded="false" aria-controls="flush-88">Badkamer</button>
            </h2>
            <div id="flush-88" class="accordion-collapse collapse " aria-labelledby="flush-heading" data-bs-parent="#accordionFlushPraktischeInfo">
                <div class="accordion-body accordion-custom"><ul class="fa-ul">
                                <li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span> Dubbele regendouche.</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Aantal toiletten: 2 ( 1 separaat toilet)</ul></div>
            </div>
        </div>
    

        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-90" aria-expanded="false" aria-controls="flush-90">Buiten</button>
            </h2>
            <div id="flush-90" class="accordion-collapse collapse " aria-labelledby="flush-heading" data-bs-parent="#accordionFlushPraktischeInfo">
                <div class="accordion-body accordion-custom"><ul class="fa-ul">
                                <li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span> Tuin</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Beschut terras met veel privacy</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Terras overdekt door elektrisch bedienbare&nbsp;zonneschermen</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Terrasmeubilair (loungebank en eethoek)</ul></div>
            </div>
        </div>
    

        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-86" aria-expanded="false" aria-controls="flush-86">Slaapkamers</button>
            </h2>
            <div id="flush-86" class="accordion-collapse collapse " aria-labelledby="flush-heading" data-bs-parent="#accordionFlushPraktischeInfo">
                <div class="accordion-body accordion-custom"><ul class="fa-ul">
                                <li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span> Op begane grond: 2&nbsp;</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Op 1e verdieping: 1</ul></div>
            </div>
        </div>
    

        <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-94" aria-expanded="false" aria-controls="flush-94">Overige</button>
            </h2>
            <div id="flush-94" class="accordion-collapse collapse " aria-labelledby="flush-heading" data-bs-parent="#accordionFlushPraktischeInfo">
                <div class="accordion-body accordion-custom"><ul class="fa-ul">
                                <li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span> Wasmachine</li><li><span class="fa-li"><i class="fa-fw text-danger fa-light fa-check"></i></span>
Wasdroger</ul></div>
            </div>
        </div>
    </div>
					</div>

				</div>

				<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
			</div>
		</section>
	
		<section id="contact" class="bg-primary py-5 text-light py-5">
			<div class="container py-5">
				<div class="row">
					<div class="col-12">
						<h1>Contact</h1>
					</div>

												<div class="col-sm-12 col-md-5 order-sm-1 mb-4 mb-md-0 order-md-2">
								<img src="/upload/gallery/20230121121557/Amelandfoto-bungalowhollum-4.jpg" class="img-fluid img-thumbnail wow animate__animated animate__fadeIn" data-wow-delay="0.5s"/>
							</div>
					
					<div class="col-12 col-md-7 order-sm-2 order-md-1  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
													<p>Meer informatie of een vraag over de woning? Mail naar info@eilandverhuur.nl of gebruik het onderstaande contactformulier.</p>
												
						<div class="row">
    <div id="postData">
        <div class="col">
            <form id="contactform">
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="floatingInput" name="name" placeholder="naam" required />
                    <label class="text-dark" for="floatingInput">Naam</label>
                </div>
                <div class="form-floating mb-3">
                    <input type="email" class="form-control" id="email" name="email" placeholder="Email" required />
                    <label class="text-dark" for="floatingInput">Email</label>
                </div>
                <div class="form-floating mb-3">
                    <textarea class="form-control" id="floatingTextarea" name="message" placeholder="Bericht" required></textarea>
                    <label class="text-dark" for="floatingTextarea">Bericht</label>
                </div>

                <input type="hidden" name="token" id="token"/>
                <input type="hidden" name="action" id="action"/>

                <input type="submit" class="btn btn-outline-dark rounded-0" name="submit" value="Verstuur"/>
                <p class="mt-2" style="font-size:10px;">
                    This site is protected by reCAPTCHA and the Google
                    <a href=" https://policies.google.com/privacy">Privacy Policy</a> and
                    <a href="https://policies.google.com/terms">Terms of Service</a> apply.
                </p>
            </form>
        </div>
    </div>
</div>
					</div>

				</div>

				<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
			</div>
		</section>
		<!-- // create bootstrap 5 footer -->

	<footer class="bg-light py-5">
		<div class="container my-5 text-center">
			<div class="row">
				<div class="col">
					<h1>Beleef Ameland</h1>
					<div class="mb-4">
											</div>
					<!-- copyright -->
					<p>
						&copy; LA MER AMELAND  2024 - <a href="https://www.beleefameland.com">BeleefAmeland.com</a>
						<br/>
						<span class="payoff">
							
							
							<!-- Modal Algemene voorwaarden-->
							<div class="modal fade" id="algemenevoorwaarden" tabindex="-1" aria-labelledby="algemenevoorwaardenLabel" aria-hidden="true">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<h1 class="modal-title fs-5" id="algemenevoorwaardenLabel">Algemene voorwaarden</h1>
											<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
										</div>
										<div class="modal-body">
											0										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sluiten</button>
										</div>
									</div>
								</div>
							</div>

							<!-- Modal Privacy Statement-->
							<div class="modal fade" id="privacy" tabindex="-1" aria-labelledby="privacyLabel" aria-hidden="true">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<h1 class="modal-title fs-5" id="privacyLabel">Privacy Statement</h1>
											<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
										</div>
										<div class="modal-body">
											0										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sluiten</button>
										</div>
									</div>
								</div>
							</div>
						</span>
					</p>
					<p class="payoff">Created for wonderful people with <i class="far fa-heart"></i> by <a href="https://www.spinnerz.nl" target="_blank">Spinnerz</a></p>
				</div>
			</div>
		</div>
	</footer>

	<a href="#" id="toTop" class="toTop text-success "><i class="fa fa-circle-chevron-up fa-2x"></i></a>
	<a href="https://www.eilandverhuur.nl/lamer" target="_blank" id="bookNow" class="bookNow btn btn-success btn-sm rounded-0">Boek nu <i class="fa fa-circle-chevron-right"></i></a>

	<script src="/node_modules/jquery/dist/jquery.min.js"></script>
	<script src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
	<script src="/node_modules/wowjs/dist/wow.min.js"></script>
	<script defer src="/node_modules/bs5-lightbox/dist/index.bundle.min.js"></script>

	<script>
		// When the user scrolls down 80px from the top of the document, resize the navbar's padding and the logo's font size
		var w = window.innerWidth;
		if (w > 1080) {
			window.onscroll = function() {
				scrollFunction();
			};
		}

		function scrollFunction() {
			if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
				var element = document.getElementById("toTop");
				element.style.display = "block";
				// var element = document.getElementById("logo");
				// element.style.height = 'null';
				var element = document.getElementById("logo");
				element.classList.remove("logo");
				document.getElementById("navbar").style.padding = "0px 0px";
				document.getElementById("logo").style.height = "45px";
			} else {
				document.getElementById("navbar").style.padding = "10px 0px";
				document.getElementById("logo").style.height = "77px";
				var element = document.getElementById("toTop");
				element.style.display = null;
			}
		}

		// Show booknow button on scroll with mobile devices
		if (w < 992) {
			window.onscroll = function() {
				scrollFunction2();
			};
		}

		function scrollFunction2() {
			if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 80) {
				var element = document.getElementById("bookNow");
				element.style.display = "block";
			} else {
				var element = document.getElementById("bookNow");
				element.style.display = "hidden";
			}
		}

		// carousel header 
		const myCarouselElement = document.querySelector("#carousel");
		const carousel = new bootstrap.Carousel(myCarouselElement, {
			interval: 3500,
			pause: false,
		});

		// carousel reivews 
		const myCarouselElementReviews = document.querySelector("#carouselreviews");
		const carouselReviews = new bootstrap.Carousel(myCarouselElementReviews, {
			interval: 14000,
			pause: false,
		});


		// Init WOW in page
		new WOW().init();

		// hide navbar when a link is clicked
		$('.navbar-nav>li>a').on('click', function() {
			$('.navbar-collapse').collapse('hide');
		});

		// Hide ID from url
		window.addEventListener('hashchange', () => {
			history.pushState("", document.title, window.location.pathname);
		});

		// Offset scroll on navigation links
		const navigationHeight = document.querySelector("#navbar").offsetHeight;
		const trueNavigationHeight = navigationHeight - 90;
		document.documentElement.style.setProperty('--scroll-padding', `${trueNavigationHeight}px`);


		// Get all sections that have an ID defined
		const sections = document.querySelectorAll("section[id]");


		$(document).ready(function() {
			// form submit with ajax
			$('#contactform').submit(function(e) {
				e.preventDefault();
				var dataString = $("#contactform").serialize();
				$.ajax({
					url: "./ajax/formsubmit.php",
					type: "POST",
					data: dataString,
					success: function(data) {
						$("#postData").html(data);
					},
					error: function() {
						alert("Form submission failed!");
					}
				});
			});
		});
	</script>

	<script type="text/javascript">$(document).ready(function(){setInterval(function(){grecaptcha.ready(function(){grecaptcha.execute('6Lco3vkeAAAAAFg4_DZKOPNzC08OeiCEB-ND-jHh',{action:'beleefameland'}).then(function(token){$('#token').val(token);$('#action').val('beleefameland');});});},3000);});</script>

</body>

</html>