Showing source for: https://www.immovario.com/nl/
Duration: 0.172241s
Server: cloudflare
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<title>ImmoVario | Vastgoed portal Spanje </title>
<meta name="description" content="Internationaal vastgoed portal met vrije tijds onroerend goed te koop in Spanje, in de toeristische gebieden">
<link rel="stylesheet" href="/nl/Custom sccs/custom.css" />
<link rel="stylesheet" href="/nl/css/fonts.css?v=1ApuP7Lp3tVqp_hOpuzms2KhfGfhno8Cnbw0huaZrKU" />
<link rel="stylesheet" href="/nl/css/site.css?v=O__NjVmOFUut1G5IAyVWaA95hpfH8LOgRKdJ60Fxr8g" />
<link rel="stylesheet" href="/nl/lib/FontAwesome/css/all.min.css" type='text/css'>
<base href="/nl/" />
<!--Blazor:{"sequence":0,"type":"server","prerenderId":"2faba3b0d9dd4dd69b275ee5ffa0e067","descriptor":"CfDJ8MI4mHkSa/dDqeQtMQUAXUnVDFKjW7Ai1C7dT0WPd\u002BNu7WW9kesJjkgES/OdhTKRH22nSAs2DjqVFP/WCPisoGS1v6yYu\u002BygXbYbORD3dCNXr2dOt9rXyX5Lt\u002B5X\u002BE5BUVrdaNPMSElXrtA6AAVM6eRoXVVHaxl9UnzebdOF33rQbLDjV6pED3iXy7BQnw3Gcb/5s1GRnFolgFN20zLn9jjSPYPbEFmYOKU1hqYVz\u002By/Qy\u002BARi/X725Iv056iXeqHRMr87uq3V8P4ndzUAIQRZBoF8DsrVi/AtvoMr9CY13HL3u9XK68i\u002BLKrW2QjAOgITfy3a04QtLGZyWBuGVAeJwIS9qeoZz0rCx4YDJ2UeBZJ9XpPmAtE0w/4RdSWoLwGYzAqBFyvVOgc2UcgZ1fBanQriMKKAPSH8Bjz7zP39aI"}--><!--Blazor:{"prerenderId":"2faba3b0d9dd4dd69b275ee5ffa0e067"}-->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0J7LX69TTL"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-0J7LX69TTL'); </script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-53W55F');</script>
<!-- End Google Tag Manager -->
<script>
//Defines the getCookieValue function so i can reuse this function at other places topFunction read cookies
const getCookieValue = (name) => (
decodeURIComponent(document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || '')
)
//Function to set a cookie
function setCookie(cName, cValue, expDays) {
let date = new Date();
date.setTime(date.getTime() + (expDays * 24 * 60 * 60 * 1000));
const expires = "expires=" + date.toUTCString();
document.cookie = cName + "=" + encodeURIComponent(cValue) + "; " + expires + "; path=/";
}
//This function reads the current count of favorite objects and depending on that updates html elements
function updateFavoriteCount() {
//Getting the count elements
const countElements = document.getElementsByClassName('favoriteCount');
//Getting the json
const favorites = JSON.parse(getCookieValue('favorites') || '{}');
//Getting the count of objects in the json
let favoriteCount = favorites['objects']?.length ?? 0;
//Im checking if you have permission to show the cookie elements
if (favoriteCount === 0) {
for (const countElement of countElements) {
//Hiding the count indicator
countElement.style.display = 'none';
}
}
else {
for (const countElement of countElements) {
//Updating the count indicator
countElement.style.display = 'block';
countElement.textContent = favoriteCount;
}
}
}
</script>
</head>
<body style="overflow-x: hidden">
<!-- Google Tag Manager (noscript) -->
<noscript b-qj6pi0jj18>
<iframe b-qj6pi0jj18 src="https://www.googletagmanager.com/ns.html?id=GTM-53W55F"
height="0" width="0" style="display:none;visibility:hidden">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<header b-qj6pi0jj18 class="printHide d-flex align-items-center bg-white p-1 mx-0 pageSidePadding w-100 border-bottom shadow-sm position-relative" style="height: 60px; top: 0px">
<a href="/nl/">
<img src="/nl/Assets/Images/ImmovarioLogo.png" alt="logo" style="height: 25px;" class="pr-4">
</a>
<ul b-qj6pi0jj18 class="nav justify-content-center px-4 d-xl-flex d-none" id="headerMenu">
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey pb-1 " href="immo-te-koop-spanje/" aria-current="page">
Te koop
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey pb-1 " href="immo-te-koop-spanje/?f=1" aria-current="page">
Favorieten
<span b-qj6pi0jj18 class="badge bg-danger position-relative float-end ms-1 favoriteCount" style="height:min-content; width:min-content; top: -2px; display:none"></span>
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey pb-1 " href="blog/" aria-current="page">
Blog
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey pb-1 " href="onroerend-goed-makelaar-spanje/" aria-current="page">
Makelaars
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey pb-1 " href="adverteren/" aria-current="page">
Adverteren
</a>
</li>
<li b-qj6pi0jj18 class="nav-item" style="height: 40px">
<a b-qj6pi0jj18 class="nav-link text-white bg-primary rounded" href="zoekservice/" aria-current="page">
Zoekservice
</a>
</li>
</ul>
<div b-qj6pi0jj18 class="m-auto"></div>
<script>
let cultureElement;
let returnUrlElement;
//Updating the hidden input and triggering the form submit
function updateHiddenInput(element) {
//Getting elements if they are not set yet
if (cultureElement == null || returnUrlElement == null) {
cultureElement = document.getElementById('cultureElement')
returnUrlElement = document.getElementById('returnUrlElement')
if (cultureElement == null || returnUrlElement == null) {
return;
}
}
//Updating the data in the hidden inputFields
cultureElement.value = element.getAttribute('culture');
returnUrlElement.value = "/" + element.getAttribute('culture-name') + '/' + location.search;
//Removes last history entry
window.history.pushState('forward', null, window.location);
//Submitting the form
cultureElement.form.submit();
}
</script>
<form id="selectLanguage" action="/nl/languageresults/" method="post" role="form" style="width: 32px; display: flex;">
<input name="culture" type="hidden" value="nl" onchange="this.form.submit()" id="cultureElement"/>
<input name="returnUrl" type="hidden" id="returnUrlElement"/>
<div class=" pe-3">
<div data-bs-toggle="dropdown" title="language" aria-expanded="false" role="button"
class="float-end p-0 border-2 d-flex align-items-center text-grey show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1043-flag.png" alt="nl" class="me-1 border rounded" style="width:32px;">
</div>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="countryDropdown" id="countryDropdown" style="min-width: 0px; z-index: 4000;">
<li onclick="updateHiddenInput(this)" culture-name="en" culture="1033">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1033-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
EN
</button>
</li>
<li onclick="updateHiddenInput(this)" culture-name="fr" culture="1036">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1036-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
FR
</button>
</li>
<li onclick="updateHiddenInput(this)" culture-name="de" culture="1031">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1031-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
DE
</button>
</li>
<li onclick="updateHiddenInput(this)" culture-name="nl" culture="1043">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1043-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
NL
</button>
</li>
<li onclick="updateHiddenInput(this)" culture-name="es" culture="1034">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1034-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
ES
</button>
</li>
<li onclick="updateHiddenInput(this)" culture-name="it" culture="1040">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1040-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
IT
</button>
</li>
<li onclick="updateHiddenInput(this)" culture-name="ca" culture="1027">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1027-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
CA
</button>
</li>
<li onclick="updateHiddenInput(this)" culture-name="se" culture="1053">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1053-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
SE
</button>
</li>
<li onclick="updateHiddenInput(this)" culture-name="ru" culture="1049">
<button class="dropdown-item d-flex align-items-center show-pointer">
<img src="/nl/_content/Immovario.LanguageClassLib/Assets/images/Flags/tn_1049-flag.png" alt="nl" class=" float-start me-2 my-auto position-relative" style="width:32px;">
RU
</button>
</li>
</ul>
</div>
</form>
<!-- This is the button that triggers the dropdown menu when you are on mobile screen size -->
<div b-qj6pi0jj18 class="float-end d-xl-none d-bloc ms-3" data-bs-toggle="collapse"
data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false"
aria-label="Toggle navigation" role="button">
<i b-qj6pi0jj18 class="fas fa-bars text-grey" style="font-size: 30px;"></i>
</div>
<div b-qj6pi0jj18 class="collapse position-absolute w-100 shadow-sm w-100 border-bottom" style="z-index: 3001; left: 0; top: 60px" id="navbarToggleExternalContent">
<div b-qj6pi0jj18 class="bg-light p-4 d-xl-none d-block">
<ul b-qj6pi0jj18 class="nav flex-column px-4 mt-0" id="headerMenu">
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey " href="immo-te-koop-spanje/" aria-current="page">
<p b-qj6pi0jj18 style="width:fit-content">
Te koop
</p>
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey " href="immo-te-koop-spanje/?f=1" aria-current="page">
<p b-qj6pi0jj18 style="width:fit-content">
Favorieten
<span b-qj6pi0jj18 class="badge bg-danger position-relative float-end ms-1 favoriteCount" style="height:min-content; width:min-content; top: -2px; display:none"></span>
</p>
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey " href="blog/" aria-current="page">
<p b-qj6pi0jj18 style="width:fit-content">
Blog
</p>
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey " href="onroerend-goed-makelaar-spanje/" aria-current="page">
<p b-qj6pi0jj18 style="width:fit-content">
Makelaars
</p>
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey " href="adverteren/" aria-current="page">
<p b-qj6pi0jj18 style="width:fit-content">
Adverteren
</p>
</a>
</li>
<li b-qj6pi0jj18 class="nav-item">
<a b-qj6pi0jj18 class="nav-link active text-grey" href="zoekservice/" aria-current="page">
<p b-qj6pi0jj18 style="width:fit-content" class="bg-primary rounded text-white px-3 py-2">
Zoekservice
</p>
</a>
</li>
</ul>
</div>
</div>
</header>
<main b-qj6pi0jj18 role="main">
<link rel="stylesheet" href="/nl/lib/splide/css/splide.min.css">
<script src="/nl/lib/splide/js/splide.min.js"></script>
<section class="w-100" id="mainContainer" style="background-color: #ffedf0">
<div class="mx-auto pagePadding container-md text-center">
<div class="row py-4">
<div class="col my-auto">
<h1 class="fw-medium fs-1 mb-5 me-4" style="
font-size: calc(1.5rem + 1.5vw) !important;
">Laat makelaars voor u zoeken</h1>
<div class="fs-5 mb-5"><p>Maak uw wensen kenbaar en makelaars informeren u over interessante opties</p></div>
<div class="mx-auto" style="width: fit-content;">
<a href="zoekservice/" class="btn btn-primary col-auto mb-2 w-100">Ontvang snel aanbiedingen</a>
<br/>
<a href="immo-te-koop-spanje/" class="btn btn-outline-primary bg-white col-auto w-100 text-black">Toch zélf zoeken</a>
</div>
</div>
<div class="col-lg-7 col-12 pt-5 pt-lg-0">
<img src="/nl/Assets/Images/BannerHomePage.png" alt="Send objects" style="max-height: 450px; max-width: 100%" />
</div>
</div>
</div>
</section>
<section class="mx-auto pagePadding bg-white" id="mainContainer" style="background-image: url(/nl/Assets/images/SearchHomePage.jpg); background-repeat: no-repeat; background-size: cover; height: 300px;background-position-y: center;">
</section>
<section class="pagePadding bg-white container-md mx-auto text-center" id="mainContainer">
<h1 class="fs-1">Aangeprezen Spaans vastgoed te koop</h1>
<p class="fs-5">Ontdek nieuwe en inspirerende plekken in Spanje</p>
<div class="splide objectSlider mb-5 removeSideGutters" role="group" aria-label="Splide Basic HTML Example">
<div class="splide__track" style="padding-top: 20px;">
<ul class="splide__list">
<li class="splide__slide">
<div class="row row-cols-1 row-cols-lg-3 row-cols-xl-4 row-cols-sm-2 container-fluid g-3 my-5 mx-auto px-0 suppressChildCount">
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-rojales-615235.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-6152350242392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Rojales</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 275.900</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-benij%c3%b3far-620109.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-62010950742392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Benijófar</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 349.900</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-los-alc%c3%a1zares-617112.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-617112551642392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Los Alcázares</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 409.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-calpe-617271.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/415-1-6172715316151992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Calpe</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 679.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-benissa-(costa)-615797.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/415-1-6157974154141992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Benissa (Costa)</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 2.195.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-calpe-610549.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/415-1-610549613141992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Calpe</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 2.490.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-calpe-608764.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/415-1-6087644156141992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Calpe</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 460.000</p>
<p class="opacity-75 fs-6 my-auto text-white ps-2 text-decoration-line-through col-auto">
€ 530.000
</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-calpe-589841.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/498-1-5898415241992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Calpe</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 574.000</p>
</div>
</div>
</div>
</a>
</div>
</div>
</li>
<li class="splide__slide">
<div class="row row-cols-1 row-cols-lg-3 row-cols-xl-4 row-cols-sm-2 container-fluid g-3 my-5 mx-auto px-0 suppressChildCount">
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-torre-pacheco-618795.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/626-1-618795392077102026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Torre-Pacheco</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 755.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-los-alc%c3%a1zares-617113.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-61711351842392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Los Alcázares</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 339.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-san-miguel-de-salinas-608758.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/626-1-608758332767102026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">San Miguel de Salinas</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 243.800</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-roses-616436.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/574-1-616436331582992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Roses</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 1.895.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-los-alc%c3%a1zares-600482.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/626-1-600482202857102026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Los Alcázares</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 309.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-algorfa-614652.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-61465240342392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Algorfa</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 589.900</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-roses-572058.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/574-1-572058132282992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Roses</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 249.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-finestrat-604751.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/498-1-60475141741992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Finestrat</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 575.000</p>
</div>
</div>
</div>
</a>
</div>
</div>
</li>
<li class="splide__slide">
<div class="row row-cols-1 row-cols-lg-3 row-cols-xl-4 row-cols-sm-2 container-fluid g-3 my-5 mx-auto px-0 suppressChildCount">
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-guardamar-del-segura-616425.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-616425481442392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Guardamar del Segura</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 253.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="bouwgrond-te-koop-villa-de-arico-582940.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/413-1-582940164349102026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Villa de Arico</p>
<p class="fs-6 text-white mb-0">Bouwgrond te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 1.800.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-san-miguel-de-salinas-615228.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-61522830642392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">San Miguel de Salinas</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 282.000</p>
<p class="opacity-75 fs-6 my-auto text-white ps-2 text-decoration-line-through col-auto">
€ 284.000
</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-orihuela-(costa)-618095.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-618095351842392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Orihuela (Costa)</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 1.090.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-benissa-(costa)-618851.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/415-1-6188513225151992026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Benissa (Costa)</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 1.389.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-santa-pola-620075.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/536-1-62007559442392026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Santa Pola</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 248.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="huis-te-koop-torrevieja-604850.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/626-1-604850274557102026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Torrevieja</p>
<p class="fs-6 text-white mb-0">Huis te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 585.000</p>
</div>
</div>
</div>
</a>
</div>
<div style="aspect-ratio: 1 / 1; margin: 0">
<a class=" d-block text-decoration-none" href="appartement-te-koop-pilar-de-la-horadada-606298.html" style="aspect-ratio: 1 / 1;">
<div class="h-100 d-flex align-items-end bg-imageBackround position-relative">
<img data-splide-lazy="https://media.immovario.com/1/1/626-1-606298245657102026.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 text-start bg-black bg-opacity-50 w-100 position-relative">
<p class="fs-4 text-white mb-0">Pilar de la Horadada</p>
<p class="fs-6 text-white mb-0">Appartement te koop</p>
<div class="row">
<p class="col-auto pe-0 fs-5 text-white mb-0">€ 398.900</p>
</div>
</div>
</div>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<div class="border-bottom"></div>
<section class="mx-auto pagePadding bg-white container-md text-center" id="mainContainer">
<h1 class="fs-1">Vastgoed van de Costas en eilanden</h1>
<p class="fs-5">Aanbod in de toeristische gebieden van Spanje</p>
<ul class="nav nav-pills mt-5 w-100 row g-0 justify-content-center" id="homePageObjectTabs" role="tablist">
<li class="nav-item col-auto h-100" role="presentation">
<button class="nav-link active" id="tab-ProvinceTab1" data-bs-toggle="pill" data-bs-target="#ProvinceTab1" type="button" role="tab" aria-controls="ProvinceTab1" aria-selected="true">Immo te koop</button>
</li>
<li class="nav-item col-auto h-100" role="presentation">
<button class="nav-link " id="tab-ProvinceTab2" data-bs-toggle="pill" data-bs-target="#ProvinceTab2" type="button" role="tab" aria-controls="ProvinceTab2" aria-selected="false">Huis te koop</button>
</li>
<li class="nav-item col-auto h-100" role="presentation">
<button class="nav-link " id="tab-ProvinceTab3" data-bs-toggle="pill" data-bs-target="#ProvinceTab3" type="button" role="tab" aria-controls="ProvinceTab3" aria-selected="false">Appartement te koop</button>
</li>
<li class="nav-item col-auto h-100" role="presentation">
<button class="nav-link " id="tab-ProvinceTab4" data-bs-toggle="pill" data-bs-target="#ProvinceTab4" type="button" role="tab" aria-controls="ProvinceTab4" aria-selected="false">Bouwgrond te koop</button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="ProvinceTab1" role="tabpanel" aria-labelledby="tab-ProvinceTab1">
<div class="row row-cols-1 row-cols-lg-3 row-cols-xl-4 row-cols-sm-2 g-3 my-5 mx-auto px-0 removeSideGutters suppressChildCount" style="grid-template-columns: repeat(3, 1fr)">
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-blanca.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Blanca - Alicante</p>
<a href="immo-te-koop/costa-blanca/" class="btn btn-primary fs-5">3165 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-brava.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Brava - Girona</p>
<a href="immo-te-koop/costa-brava/" class="btn btn-primary fs-5">1323 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-calida.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Cálida - Murcia</p>
<a href="immo-te-koop/costa-calida/" class="btn btn-primary fs-5">623 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-del-sol.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa del Sol - Málaga</p>
<a href="immo-te-koop/costa-del-sol/" class="btn btn-primary fs-5">584 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-del-maresme.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa del Maresme - Barcelona</p>
<a href="immo-te-koop/costa-del-maresme/" class="btn btn-primary fs-5">213 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-de-almeria.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa de Almería - Almería</p>
<a href="immo-te-koop/costa-de-almeria/" class="btn btn-primary fs-5">188 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/tenerife.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Tenerife</p>
<a href="immo-te-koop/tenerife/" class="btn btn-primary fs-5">183 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/mallorca.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Mallorca</p>
<a href="immo-te-koop/mallorca/" class="btn btn-primary fs-5">169 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-de-valencia.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa de Valencia - Valencia</p>
<a href="immo-te-koop/costa-de-valencia/" class="btn btn-primary fs-5">86 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/_nieuw-1.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">_nieuw</p>
<a href="immo-te-koop/_nieuw-1/" class="btn btn-primary fs-5">13 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/fuerteventura.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Fuerteventura</p>
<a href="immo-te-koop/fuerteventura/" class="btn btn-primary fs-5">7 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-tropical.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Tropical - Granada</p>
<a href="immo-te-koop/costa-tropical/" class="btn btn-primary fs-5">6 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-azahar.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Azahar - Castellón</p>
<a href="immo-te-koop/costa-azahar/" class="btn btn-primary fs-5">4 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/ibiza.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Ibiza</p>
<a href="immo-te-koop/ibiza/" class="btn btn-primary fs-5">4 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-dorada.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Dorada - Tarragona</p>
<a href="immo-te-koop/costa-dorada/" class="btn btn-primary fs-5">1 Opties</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="ProvinceTab2" role="tabpanel" aria-labelledby="tab-ProvinceTab2">
<div class="row row-cols-1 row-cols-lg-3 row-cols-xl-4 row-cols-sm-2 g-3 my-5 mx-auto px-0 removeSideGutters suppressChildCount" style="grid-template-columns: repeat(3, 1fr)">
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-blanca.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Blanca - Alicante</p>
<a href="costa-blanca/huis-te-koop/" class="btn btn-primary fs-5">1922 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-brava.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Brava - Girona</p>
<a href="costa-brava/huis-te-koop/" class="btn btn-primary fs-5">690 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-calida.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Cálida - Murcia</p>
<a href="costa-calida/huis-te-koop/" class="btn btn-primary fs-5">344 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-del-maresme.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa del Maresme - Barcelona</p>
<a href="costa-del-maresme/huis-te-koop/" class="btn btn-primary fs-5">156 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/mallorca.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Mallorca</p>
<a href="mallorca/huis-te-koop/" class="btn btn-primary fs-5">150 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-del-sol.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa del Sol - Málaga</p>
<a href="costa-del-sol/huis-te-koop/" class="btn btn-primary fs-5">122 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-de-almeria.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa de Almería - Almería</p>
<a href="costa-de-almeria/huis-te-koop/" class="btn btn-primary fs-5">82 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/tenerife.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Tenerife</p>
<a href="tenerife/huis-te-koop/" class="btn btn-primary fs-5">66 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-de-valencia.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa de Valencia - Valencia</p>
<a href="costa-de-valencia/huis-te-koop/" class="btn btn-primary fs-5">52 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/_nieuw-1.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">_nieuw</p>
<a href="_nieuw-1/huis-te-koop/" class="btn btn-primary fs-5">6 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-azahar.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Azahar - Castellón</p>
<a href="costa-azahar/huis-te-koop/" class="btn btn-primary fs-5">4 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/ibiza.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Ibiza</p>
<a href="ibiza/huis-te-koop/" class="btn btn-primary fs-5">4 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-tropical.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Tropical - Granada</p>
<a href="costa-tropical/huis-te-koop/" class="btn btn-primary fs-5">3 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/fuerteventura.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Fuerteventura</p>
<a href="fuerteventura/huis-te-koop/" class="btn btn-primary fs-5">3 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-dorada.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Dorada - Tarragona</p>
<a href="costa-dorada/huis-te-koop/" class="btn btn-primary fs-5">1 Opties</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="ProvinceTab3" role="tabpanel" aria-labelledby="tab-ProvinceTab3">
<div class="row row-cols-1 row-cols-lg-3 row-cols-xl-4 row-cols-sm-2 g-3 my-5 mx-auto px-0 removeSideGutters suppressChildCount" style="grid-template-columns: repeat(3, 1fr)">
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-blanca.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Blanca - Alicante</p>
<a href="costa-blanca/appartement-te-koop/" class="btn btn-primary fs-5">1214 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-brava.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Brava - Girona</p>
<a href="costa-brava/appartement-te-koop/" class="btn btn-primary fs-5">488 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-del-sol.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa del Sol - Málaga</p>
<a href="costa-del-sol/appartement-te-koop/" class="btn btn-primary fs-5">462 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-calida.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Cálida - Murcia</p>
<a href="costa-calida/appartement-te-koop/" class="btn btn-primary fs-5">279 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/tenerife.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Tenerife</p>
<a href="tenerife/appartement-te-koop/" class="btn btn-primary fs-5">106 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-de-almeria.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa de Almería - Almería</p>
<a href="costa-de-almeria/appartement-te-koop/" class="btn btn-primary fs-5">88 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-de-valencia.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa de Valencia - Valencia</p>
<a href="costa-de-valencia/appartement-te-koop/" class="btn btn-primary fs-5">27 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-del-maresme.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa del Maresme - Barcelona</p>
<a href="costa-del-maresme/appartement-te-koop/" class="btn btn-primary fs-5">27 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/_nieuw-1.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">_nieuw</p>
<a href="_nieuw-1/appartement-te-koop/" class="btn btn-primary fs-5">7 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/fuerteventura.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Fuerteventura</p>
<a href="fuerteventura/appartement-te-koop/" class="btn btn-primary fs-5">4 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/mallorca.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Mallorca</p>
<a href="mallorca/appartement-te-koop/" class="btn btn-primary fs-5">4 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-tropical.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Tropical - Granada</p>
<a href="costa-tropical/appartement-te-koop/" class="btn btn-primary fs-5">3 Opties</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="ProvinceTab4" role="tabpanel" aria-labelledby="tab-ProvinceTab4">
<div class="row row-cols-1 row-cols-lg-3 row-cols-xl-4 row-cols-sm-2 g-3 my-5 mx-auto px-0 removeSideGutters suppressChildCount" style="grid-template-columns: repeat(3, 1fr)">
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-brava.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Brava - Girona</p>
<a href="costa-brava/bouwgrond-te-koop/" class="btn btn-primary fs-5">99 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-del-maresme.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa del Maresme - Barcelona</p>
<a href="costa-del-maresme/bouwgrond-te-koop/" class="btn btn-primary fs-5">29 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-blanca.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa Blanca - Alicante</p>
<a href="costa-blanca/bouwgrond-te-koop/" class="btn btn-primary fs-5">25 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-de-almeria.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa de Almería - Almería</p>
<a href="costa-de-almeria/bouwgrond-te-koop/" class="btn btn-primary fs-5">15 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/mallorca.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Mallorca</p>
<a href="mallorca/bouwgrond-te-koop/" class="btn btn-primary fs-5">15 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/tenerife.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Tenerife</p>
<a href="tenerife/bouwgrond-te-koop/" class="btn btn-primary fs-5">11 Opties</a>
</div>
</div>
</div>
</div>
<div style="cursor:pointer; aspect-ratio: 1 / 1;">
<div class="h-100 col bg-imageBackround position-relative">
<img loading="lazy" src="/Assets/Images/frontpage/costa-de-valencia.jpg" alt="Image" class="w-100 h-100 position-absolute bg-imageBackround" style="object-fit: cover; left: 0px;"/>
<div class="p-3 h-100 position-relative bg-black bg-opacity-25">
<div class="position-absolute top-50 start-50 translate-middle w-100 p-3">
<p class="fs-5 text-white">Costa de Valencia - Valencia</p>
<a href="costa-de-valencia/bouwgrond-te-koop/" class="btn btn-primary fs-5">3 Opties</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mx-auto bg-white" id="mainContainer" style="background-image: url(/nl/Assets/images/MapSpain.png); background-repeat: no-repeat; background-position-x: calc(100% - 30px); background-position-y: center">
<div class="bg-black bg-opacity-50">
<div class="container-md mx-auto pagePadding text-white">
<ul class="nav nav-tabs" id="homePageInfoTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link h-100 active" id="tab-ContentEen" data-bs-toggle="tab" data-bs-target="#ContentEen" type="button" role="tab" aria-controls="ContentEen" aria-selected="true">Vastgoed portal Spanje</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link h-100 " id="tab-ContentTwee" data-bs-toggle="tab" data-bs-target="#ContentTwee" type="button" role="tab" aria-controls="ContentTwee" aria-selected="false">Gemakkelijk zelf zoeken</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link h-100 " id="tab-ContentDrie" data-bs-toggle="tab" data-bs-target="#ContentDrie" type="button" role="tab" aria-controls="ContentDrie" aria-selected="false">Snel en eenvoudig contact met de makelaar</button>
</li>
</ul>
<div class="tab-content pt-4" id="myTabContent">
<div class="tab-pane fade show active" id="ContentEen" role="tabpanel" aria-labelledby="tab-ContentEen" style="max-width: 700px"><p><span lang="NL">ImmoVario is een internationaal portal met vrije tijds vastgoed te koop van lokale makelaars in de toeristische gebieden van Spanje (Costa Brava, Costa Dorada, Costa Blanca, Costa del Sol, Mallorca, Ibiza, ...).</span></p>
<p>U vindt hier een ruim aanbod aan Spaans vastgoed te koop: fincas, villas, chalets, huizen (zoek naar: <a href="https://www.immovario.com/nl/huis-te-koop-spanje/">Huis te koop Spanje</a>), appartementen (zoek naar: <a href="https://www.immovario.com/nl/appartement-te-koop-spanje/">Appartement te koop Spanje</a>) en bouwgrond (zoek naar: <a href="https://www.immovario.com/nl/bouwgrond-te-koop-spanje/">Bouwgrond te koop Spanje</a>).</p>
<p>Vastgoedportal ImmoVario bundelt de krachten van internationale onroerend goed aanbieders door hun aanbod overzichtelijk en gemakkelijk aan te bieden. Onze partners zijn onder andere vastgoedmakelaars en projectontwikkelaars. Zij zijn professionele dienstverleners op het gebied van onroerend goed, met wie u steeds direct en gemakkelijk in contact kunt treden.</p>
<p>Probeer vooral ook de nieuwe manier van vastgoed zoeken in Spanje: laat makelaars voor u zoeken. Maak simpelweg uw wensen kenbaar en ontvang vervolgens uw persoonlijke selectie uit het aanbod van vele makelaars.</p></div>
<div class="tab-pane fade " id="ContentTwee" role="tabpanel" aria-labelledby="tab-ContentTwee" style="max-width: 700px"><p>Toch zélf zoeken? Het aanbod van onze partners wordt compleet en op een prettige manier gepresenteerd. ImmoVario maakt ook direct contact mogelijk tussen de aanbieders en hun potentiële klanten. Taalbarrières worden doorbroken door presentatie van het aanbod in meerdere talen.</p>
<p>Klik op een van de links onderaan deze pagina om naar een specifieke locatie te zoeken, of zoek met de navigatieknoppen aan de bovenkant van de pagina.</p>
<p>U kunt uw favorieten opslaan, beheren en versturen naar een bekende in "Mijn favorieten" en als u voortaan op de hoogte wilt worden gehouden van nieuw geplaatst aanbod dat aan uw wensen kan voldoen, vul dan "Nieuw aanbod per e-mail" in. U ontvangt dan automatisch e-mails waarmee het nieuw geplaatste aanbod aan u wordt gepresenteerd.</p></div>
<div class="tab-pane fade " id="ContentDrie" role="tabpanel" aria-labelledby="tab-ContentDrie" style="max-width: 700px"><p>Als u een object dat u interesseert heeft gevonden, neem dan snel en direct contact op met de aanbiedende makelaar via het contactformulier dat u aantreft op elke pagina van een aangeboden object. ImmoVario verstrekt u overigens ook de directe contactdetails van de aanbiedende makelaars, zodat u hen ook op deze manier kunt benaderen.</p>
<p>Koop dus een woning, een appartement of bouwgrond in Spanje via een makelaar op vastgoedportal ImmoVario.</p>
<p>Bedankt voor het bezoeken van ImmoVario.com.</p></div>
</div>
</div>
</div>
</section>
<section class="mx-auto bg-white homeLinks" id="mainContainer">
<div class="container-md mx-auto pagePadding">
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 align-items-center gy-4 py-3">
<div class="col text-center text-md-start">
<h2 class="fs-5">Immo te koop</h2>
<p class="text-primary fs-7 mb-1">Costas - Eilanden</p>
<div class="w-50 border-bottom mb-1 mx-auto mx-md-0"></div>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/_nieuw-1/">_nieuw</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-azahar/">Costa Azahar - Castellón</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-blanca/">Costa Blanca - Alicante</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-brava/">Costa Brava - Girona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-calida/">Costa Cálida - Murcia</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-de-almeria/">Costa de Almería - Almería</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-de-valencia/">Costa de Valencia - Valencia</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-del-maresme/">Costa del Maresme - Barcelona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-del-sol/">Costa del Sol - Málaga</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-dorada/">Costa Dorada - Tarragona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/costa-tropical/">Costa Tropical - Granada</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/fuerteventura/">Fuerteventura</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/ibiza/">Ibiza</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/mallorca/">Mallorca</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="immo-te-koop/tenerife/">Tenerife</a>
<br/>
</div>
<div class="col text-center text-md-start">
<h2 class="fs-5">Huis te koop</h2>
<p class="text-primary fs-7 mb-1">Costas - Eilanden</p>
<div class="w-50 border-bottom mb-1 mx-auto mx-md-0"></div>
<a class="fs-7 text-black text-decoration-none" href="_nieuw-1/huis-te-koop/">_nieuw</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-azahar/huis-te-koop/">Costa Azahar - Castellón</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-blanca/huis-te-koop/">Costa Blanca - Alicante</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-brava/huis-te-koop/">Costa Brava - Girona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-calida/huis-te-koop/">Costa Cálida - Murcia</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-de-almeria/huis-te-koop/">Costa de Almería - Almería</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-de-valencia/huis-te-koop/">Costa de Valencia - Valencia</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-del-maresme/huis-te-koop/">Costa del Maresme - Barcelona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-del-sol/huis-te-koop/">Costa del Sol - Málaga</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-dorada/huis-te-koop/">Costa Dorada - Tarragona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-tropical/huis-te-koop/">Costa Tropical - Granada</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="fuerteventura/huis-te-koop/">Fuerteventura</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="ibiza/huis-te-koop/">Ibiza</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="mallorca/huis-te-koop/">Mallorca</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="tenerife/huis-te-koop/">Tenerife</a>
<br/>
</div>
<div class="col text-center text-md-start">
<h2 class="fs-5">Appartement te koop</h2>
<p class="text-primary fs-7 mb-1">Costas - Eilanden</p>
<div class="w-50 border-bottom mb-1 mx-auto mx-md-0"></div>
<a class="fs-7 text-black text-decoration-none" href="_nieuw-1/appartement-te-koop/">_nieuw</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-azahar/appartement-te-koop/">Costa Azahar - Castellón</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-blanca/appartement-te-koop/">Costa Blanca - Alicante</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-brava/appartement-te-koop/">Costa Brava - Girona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-calida/appartement-te-koop/">Costa Cálida - Murcia</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-de-almeria/appartement-te-koop/">Costa de Almería - Almería</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-de-valencia/appartement-te-koop/">Costa de Valencia - Valencia</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-del-maresme/appartement-te-koop/">Costa del Maresme - Barcelona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-del-sol/appartement-te-koop/">Costa del Sol - Málaga</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-dorada/appartement-te-koop/">Costa Dorada - Tarragona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-tropical/appartement-te-koop/">Costa Tropical - Granada</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="fuerteventura/appartement-te-koop/">Fuerteventura</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="ibiza/appartement-te-koop/">Ibiza</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="mallorca/appartement-te-koop/">Mallorca</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="tenerife/appartement-te-koop/">Tenerife</a>
<br/>
</div>
<div class="col text-center text-md-start">
<h2 class="fs-5">Bouwgrond te koop</h2>
<p class="text-primary fs-7 mb-1">Costas - Eilanden</p>
<div class="w-50 border-bottom mb-1 mx-auto mx-md-0"></div>
<a class="fs-7 text-black text-decoration-none" href="_nieuw-1/bouwgrond-te-koop/">_nieuw</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-azahar/bouwgrond-te-koop/">Costa Azahar - Castellón</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-blanca/bouwgrond-te-koop/">Costa Blanca - Alicante</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-brava/bouwgrond-te-koop/">Costa Brava - Girona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-calida/bouwgrond-te-koop/">Costa Cálida - Murcia</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-de-almeria/bouwgrond-te-koop/">Costa de Almería - Almería</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-de-valencia/bouwgrond-te-koop/">Costa de Valencia - Valencia</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-del-maresme/bouwgrond-te-koop/">Costa del Maresme - Barcelona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-del-sol/bouwgrond-te-koop/">Costa del Sol - Málaga</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-dorada/bouwgrond-te-koop/">Costa Dorada - Tarragona</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="costa-tropical/bouwgrond-te-koop/">Costa Tropical - Granada</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="fuerteventura/bouwgrond-te-koop/">Fuerteventura</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="ibiza/bouwgrond-te-koop/">Ibiza</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="mallorca/bouwgrond-te-koop/">Mallorca</a>
<br/>
<a class="fs-7 text-black text-decoration-none" href="tenerife/bouwgrond-te-koop/">Tenerife</a>
<br/>
</div>
</div>
</div>
</section>
<script>
const slider = new Splide( '.objectSlider', {
focus: 'left',
pagination: false,
autoplay: true,
type: 'loop',
preloadPages: 3,
lazyLoad: 'nearby',
interval: 3000,
});
slider.mount();
const arrows = slider.Components.Arrows;
const autoplay = slider.Components.Autoplay;
arrows.mount();
arrows.mount();
//Add resize listener to hide to pause and hide the arrow action buttons
slider.on( 'resize', function () {
if (window.innerWidth < 992){
autoplay.pause();
arrows.destroy();
slider.options = { drag: false };
}
else {
autoplay.play();
arrows.mount();
slider.options = { drag: true };
}
slider.refresh();
});
</script>
</main>
<section b-qj6pi0jj18 class="printHide text-center border-top pb-2 newLetter" style="background: #f4f4f4 !important;">
<div b-qj6pi0jj18 class="mx-auto row container-md pagePadding" id="mainContainer">
<h1 b-qj6pi0jj18 class="fs-3 mb-1 col-12">Immovario nieuwsbrief</h1>
<p b-qj6pi0jj18 class="fs-6 pb-4 mb-4 col-12">
Meld u aan en blijf op de hoogte van ons nieuws
</p>
<div b-qj6pi0jj18 class="p-5 bg-primary rounded col-12">
<form id="newsLetterForm" class="needs-validation row g-3 mx-0" novalidate action="javascript: postNewsLetter(document.getElementById('newsLetterForm'))" method="get">
<div b-qj6pi0jj18 class="form-floating col-md-4">
<input b-qj6pi0jj18 type="email" name="email" class="form-control" minlength="6" id="emailInput" placeholder="email" required>
<label b-qj6pi0jj18 class="ps-4" for="emailInput">E-mail *</label>
</div>
<div b-qj6pi0jj18 class="form-floating col-md-4">
<input b-qj6pi0jj18 type="text" name="fname" class="form-control" id="firstnameInput" placeholder="firstname" required>
<label b-qj6pi0jj18 class="ps-4" for="firstnameInput">Voornaam *</label>
</div>
<div b-qj6pi0jj18 class="form-floating col-md-4">
<input b-qj6pi0jj18 type="text" name="lname" class="form-control" id="lastnameInput" placeholder="lastname" required>
<label b-qj6pi0jj18 class="ps-4" for="lastnameInput">Achternaam *</label>
</div>
<div b-qj6pi0jj18 class="form-check text-start mx-2">
<input b-qj6pi0jj18 class="form-check-input" onchange=" this.nextElementSibling.nextElementSibling.style.display = this.checked ? 'none' : 'block'" type="checkbox" id="policyInput" checked required>
<label b-qj6pi0jj18 class="form-check-label text-white" for="policyInput">
Ik accepteer de
<a b-qj6pi0jj18 style="color:white !important; text-decoration: underline" target="_blank" href="privacy-policy/">
Privacy Policy
</a>
</label>
<div b-qj6pi0jj18 class="invalid-feedback text-warning">
Accepteer onze Privacy Policy s.v.p.
</div>
</div>
<button b-qj6pi0jj18 class="btn btn-dark w-auto mx-2" type="submit">Inschrijven</button>
</form>
</div>
</div>
</section>
<footer b-qj6pi0jj18 class="printHide">
<div b-qj6pi0jj18 class="px-5 py-2 bg-dark">
<div b-qj6pi0jj18 class="row py-4 text-white">
<div b-qj6pi0jj18 class="col-md-auto col-12 text-center my-md-auto mb-2">© Copyright ImmoVario</div>
<div b-qj6pi0jj18 class="col-md-auto col-12 p-0 my-auto">
<div b-qj6pi0jj18 class="row-auto align-middle text-center">
<a b-qj6pi0jj18 class="col-auto removeUnderLine" target="_blank" title="twitter" href="https://twitter.com/ImmoVario/">
<i b-qj6pi0jj18 class="fab SocialIconButtons fa-square-x-twitter"></i>
</a>
<a b-qj6pi0jj18 class="col-auto removeUnderLine" target="_blank" title="facebook" href="https://www.facebook.com/Immovario/">
<i b-qj6pi0jj18 class="fab SocialIconButtons fa-facebook-square"></i>
</a>
<a b-qj6pi0jj18 class="col-auto removeUnderLine" target="_blank" title="linkedin" href="https://www.linkedin.com/company/immovario/">
<i b-qj6pi0jj18 class="fab SocialIconButtons fa-linkedin"></i>
</a>
<a b-qj6pi0jj18 class="col-auto removeUnderLine" target="_blank" title="instagram" href="https://www.instagram.com/immovario_properties_spain/">
<i b-qj6pi0jj18 class="fab SocialIconButtons fa-instagram-square"></i>
</a>
</div>
</div>
<div b-qj6pi0jj18 class="col-md col-12 text-md-end text-center pt-md-0 pt-3 my-auto">
<div b-qj6pi0jj18 class="text-white my-auto">
<a b-qj6pi0jj18 class="text-white" href="terms-of-use/">
Terms of use
</a>
<span b-qj6pi0jj18> | </span>
<a b-qj6pi0jj18 class="text-white" href="privacy-policy/">
Privacy & Cookies
</a>
<span b-qj6pi0jj18> | </span>
<a b-qj6pi0jj18 class="text-white" href="contact/">
Contact
</a>
</div>
</div>
</div>
</div>
</footer>
<button b-qj6pi0jj18 onclick="topFunction()" id="toTopButton" title="Go to top" class="m-3 printHide rounded-circle fixedButton stopScrollingAtFooter">
<i b-qj6pi0jj18 class="fas fa-angle-up"></i>
</button>
<div b-qj6pi0jj18 id="cookiePopup" class="printHide rounded shadow border m-3 position-fixed bg-dark p-2 start-50" style="display: none !important; z-index: 100000; bottom: 0; max-width: calc(100% - 2rem); transform: translate(calc(-50% - 1rem)); width: max-content">
<p b-qj6pi0jj18 class="m-0 text-white ps-0 my-auto ms-1" style="width: auto">
<i b-qj6pi0jj18 class="fa-solid fa-cookie me-2 bg-white text-dark rounded p-1"></i>
Door gebruik te maken van onze diensten, gaat u akkoord met ons gebruik van cookies.
<a b-qj6pi0jj18 class="col ps-0 pe-2" href="privacy-policy/" style="color: white; white-space: nowrap">Meer informatie</a>
</p>
<button b-qj6pi0jj18 class="btn btn-primary col-auto fw-medium p-1 px-2 mx-2 my-auto float-end" style="font-size: 12px; width: fit-content; height: fit-content" onclick="setAllCookies()">Accepteren</button>
</div>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check-circle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
</symbol>
<symbol id="info-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
</symbol>
<symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</symbol>
</svg>
<style>
.alert{
width: max-content;
position: fixed;
z-index: 10000;
right: 0;
max-width: calc(100vw - 20px);
transition: top 0.2s;
margin-inline: 20px;
padding: 0.75rem 1rem;
}
.alert div{
overflow: hidden;
width: calc(100%);
max-width: 500px;
}
.alert button{
opacity: 0.8;
}
.alert button:hover{
opacity: 1;
}
.isSmall{
left: 50vw;
transform: translate(calc(-50% - 20px),0);
}
</style>
<script type="module" defer>
//Getting the alert elements
const successAlert = '<div class="alert alert-success fade show d-flex align-items-center" id="successAlert" role="alert"><svg class="bi flex-shrink-0 me-2 pe-1" width="24" height="24" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg><div>Gelukt</div><button type="button" class="text-danger btn-close bg-white d-flex shadow-sm justify-content-center d-flex ms-2 fs-4" data-bs-dismiss="alert" aria-label="Close" style="background-image: none;"><i class="fa-solid fa-xmark"></i></button></div>';
const errorAlert = '<div class="alert alert-danger fade show d-flex align-items-center" id="errorAlert" role="alert"><svg class="bi flex-shrink-0 me-2 pe-1" width="24" height="24" role="img" aria-label="Success:"><use xlink:href="#exclamation-triangle-fill"/></svg><div>Error</div><button type="button" class="text-danger btn-close bg-white d-flex shadow-sm justify-content-center d-flex ms-2 fs-4" data-bs-dismiss="alert" aria-label="Close" style="background-image: none;"><i class="fa-solid fa-xmark"></i></button></div>';
window.showAlerts = function showAlerts(success,error){
//Getting the success and error messages from the url
const url = new URL(location.href);
const successMessage = success ?? url.searchParams.get('success');
const errorMessage = error ?? url.searchParams.get('error');
//Checking if there is a success or error message
if ((successMessage ?? '') !== ''){
showPopup(successAlert,successMessage, true);
url.searchParams.delete('success');
}
else if ((errorMessage ?? '') !== ''){
showPopup(errorAlert,errorMessage, false);
url.searchParams.delete('error');
}
else {
return;
}
//Update the url without the messages
window.history.replaceState('','',url);
//Showing the alert adding the message and closing the alert after 1 second
async function showPopup(alert,message,close = true){
//Creating the message element.
const alertElement = document.createElement('div');
alertElement.innerHTML = alert;
alert = alertElement.firstElementChild;
//Adding content to the message
alert.children[1].textContent = message;
//Updating the remove method of the html element to contain a relocate method
let oldRemoveState = alert.remove;
alert.remove = function replaceState() {
const ret = oldRemoveState.apply(this, arguments);
updateAlertPositions();
return ret;
};
//Appending the message to the body of the dom
document.body.append(alert);
//Setting the position of the alert
updateAlertPositions();
//Checking if the alert closes by itself of it needs to be closed by the user
if (close){
const bsAlert = new bootstrap.Alert(alert);
window.test = bsAlert;
// window.bsAlert = bsAlert;
setTimeout(() =>{
bsAlert.close();
},8 * 1000)
}
}
}
window.showAlerts();
let isSmall;
setIsSmall();
const popupPadding = 10;
const defaultTopOffset = 20;
//Loops trough the alerts and repositions them
function updateAlertPositions(){
const popups = document.querySelectorAll('.alert');
const totalHeight = getHeightOfPrecedingAlerts(popups.length, popups);
let i = 0;
for (let alert of popups){
const alertHeight = alert.clientHeight;
if (isSmall){
alert.setAttribute('style', `top: calc(50vh - ${totalHeight / 2}px + ${getHeightOfPrecedingAlerts(i, popups)}px)`);
alert.classList.add('isSmall');
}
else{
alert.setAttribute('style', `top: ${getHeightOfPrecedingAlerts(i, popups) + defaultTopOffset}px`);
alert.classList.remove('isSmall');
}
i++
}
}
function getHeightOfPrecedingAlerts(currentIndex, popups){
//Setting the default height to 0
let height = 0;
//Looping though the preceding popups and adding their height
for (let i = 0; i < currentIndex; i++){
height += popups[i].clientHeight + popupPadding;
}
//Returning calculated height
return height;
}
window.addEventListener('resize', (e) => setIsSmall())
function setIsSmall(){
isSmall = window.innerWidth < 768;
updateAlertPositions();
}
</script>
<script>
//Updating the favorite count when the page is loaded
updateFavoriteCount();
//list for scroll objects
const footer = document.querySelector('footer');
const mobileBottomBar = document.getElementById('mobileBottomBar');
const toTopButton = document.getElementById("toTopButton");
function updatePosition(){
//Getting the footer element if it has not been gotten yet
if (footer == null)
return;
const documentElement = document.documentElement;
//Updating the footer height variable for when the screen resizes
const hasBottomBar = mobileBottomBar != null && window.getComputedStyle(mobileBottomBar).display === 'block';
const footerHeight = documentElement.offsetHeight - footer.offsetTop;
const mobileBottomBarHeight = mobileBottomBar?.clientHeight ?? 0;
//Getting the scroll position from the bottom of the page
const scrollFromBottom = documentElement.scrollHeight - documentElement.scrollTop - documentElement.clientHeight;
//Getting the pixel value the scroll items have to be
let pixelsFromBottom = 0;
if (scrollFromBottom < footerHeight - mobileBottomBarHeight)
pixelsFromBottom = footerHeight - scrollFromBottom;
else if (hasBottomBar)
pixelsFromBottom = mobileBottomBarHeight;
//Updating the scroll objects with their correct bottom position
toTopButton.style.bottom = `${pixelsFromBottom}px`;
}
window.onresize = updatePosition;
updatePosition();
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = scrollFunction;
//This function checks how far you have scrolled and depending on that show or hide the back to top button
function scrollFunction() {
updatePosition();
toTopButton.style.right =window.scrollY > 60 ? '0' : '-80px';
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<script src="/nl/validate-forms.js"></script>
<script src="/nl/lib/bootstrap/js/bootstrap.bundle.js"></script>
<script src="/nl/js/site.js?v=BxFAw9RUJ1E4NycpKEjCNDeoSvr4RPHixdBq5wDnkeY"></script>
<script>
const cookiePopup = document.getElementById('cookiePopup');
//This is to check if the cookies have been set
function checkToShow() {
if (getCookieValue('hasSetCookies') !== '1') {
showCookiePopup();
}
}
checkToShow();
//Gets the cookie popup and shows it
function showCookiePopup() {
cookiePopup.style.setProperty('display','flex');
}
//Sets the cookies to true
function setAllCookies() {
setCookie('hasSetCookies','1',30);
cookiePopup.style.setProperty('display','none','important');
}
</script>
<script>
//This code is to replace images when an error occurs with an error image.
window.setFailedImage = function (){
document.querySelectorAll('img').forEach(image =>{
image.addEventListener('error', (e) => {
image.src = '/Assets/Images/ImageNotFound.png';
image.error = ''
});
});
};
window.setFailedImage();
</script>
<script>
async function postNewsLetter(form){
//Getting the data from the form
function newsletterFormData(){
const data = new URLSearchParams();
for (const pair of new FormData(form)) {
data.append(pair[0], pair[1]);
}
return data;
}
function newsletterError() { window.showAlerts(null, "An unknown error occurred. Sorry. Please try again later."); }
function newsLetterSuccess(){ window.showAlerts("Aanmelding geslaagd",null); form.reset();}
await fetch('https://api.immovario.com/api/Form/mailchimp', {
method: 'post',
body: newsletterFormData(),
}).then(response =>{
if (response.ok){
newsLetterSuccess();
form.classList.remove('was-validated');
}
else
newsletterError();
}).catch(error => newsletterError());
}
</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://www.immovario.com/nl/ |
|
2026-10-16 21:57:18 |
| 2 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:18 |
| 3 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-16 21:57:18 |
| 4 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:17 |
| 5 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:17 |
| 6 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:16 |
| 7 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:16 |
| 8 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:14 |
| 9 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:14 |
| 10 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:13 |
| 11 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:13 |
| 12 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-16 21:57:13 |
| 13 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:11 |
| 14 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:10 |
| 15 |
https://tendoncare18.s3.us-east-00… |
|
2026-10-16 21:57:09 |
| 16 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:08 |
| 17 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-16 21:57:07 |
| 18 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-16 21:57:07 |
| 19 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-16 21:57:06 |
| 20 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 21:57:05 |