File: D:/HostingSpaces/SBogers10/ridderstee.komma.pro/app/storage/views/ba45dd850a1a818ee587047fd5fe9a87
<div class="c-pop-up">
<div class="c-pop-up__overlay js-close-pop"></div>
<div class="c-pop-up__contain">
<div class="c-pop-up__modal">
<div class="c-pop-up__close js-close-pop"></div>
<div class="c-pop-up__top">
<div class="c-pop-up__logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 397.82 41.27">
<defs>
<style>.cls-1{fill:#fff;}</style>
</defs>
<path class="cls-1" d="M15,31.1c0,3.14-1.94,5.31-4.85,5.31S5.2,34.24,5.2,30.7V10.58c0-3.55,2-5.72,4.92-5.72S15,7,15,10.18ZM10.12.06C4.17.06,0,4.4,0,10.8V30.47c0,6.4,4.17,10.75,10.12,10.75s10.06-4.35,10.06-10.35V10.4c0-6-4.12-10.34-10.06-10.34"/>
<path class="cls-1" d="M56,.63h-3.6a.75.75,0,0,0-.8.8V31c0,3.26-1.77,5.43-4.63,5.43S42.3,34.24,42.3,31V1.43a.71.71,0,0,0-.75-.8H37.9a.71.71,0,0,0-.75.8V30.75c0,6.18,3.83,10.52,9.78,10.52s9.83-4.34,9.83-10.52V1.43a.72.72,0,0,0-.8-.8"/>
<path class="cls-1" d="M89,30.58C89,33.84,87.22,36,84.25,36H79.91V5.26h4.34c3,0,4.75,2.17,4.75,5.43ZM84.42.46H77.05a2.09,2.09,0,0,0-2.34,2.29V38.53a2.09,2.09,0,0,0,2.34,2.29h7.37c6,0,9.78-4.35,9.78-10.35V10.8c0-6-3.77-10.34-9.78-10.34"/>
<path class="cls-1" d="M125.86,30.58c0,3.26-1.77,5.43-4.74,5.43h-4.35V5.26h4.35c3,0,4.74,2.17,4.74,5.43ZM121.29.46h-7.38a2.1,2.1,0,0,0-2.34,2.29V38.53a2.1,2.1,0,0,0,2.34,2.29h7.38c5.94,0,9.77-4.35,9.77-10.35V10.8c0-6-3.77-10.34-9.77-10.34"/>
<path class="cls-1" d="M162.44,31.1c0,3.14-1.94,5.31-4.86,5.31s-4.91-2.17-4.91-5.71V10.58c0-3.55,2-5.72,4.91-5.72s4.86,2.17,4.86,5.32Zm-4.86-31c-5.94,0-10.11,4.34-10.11,10.74V30.47c0,6.4,4.17,10.75,10.11,10.75s10.06-4.35,10.06-10.35V10.4c0-6-4.11-10.34-10.06-10.34"/>
<path class="cls-1" d="M199,15.26c0,3.38-1.88,5.55-4.86,5.55h-4.4V10.35c0-3.32,1.89-5.49,4.63-5.49S199,7,199,10.35Zm.12,9.09a10,10,0,0,0,5.09-9.2V10.58c0-6.24-4-10.58-9.89-10.58s-9.72,4.34-9.72,10.58V39.84a.7.7,0,0,0,.74.8H189a.7.7,0,0,0,.74-.8V25.55h4.63L199.82,40a.76.76,0,0,0,.8.68h3.89c.52,0,.92-.34.74-.86Z"/>
<path class="cls-1" d="M235.55,16.52c0,3.09-1.78,4.92-4.75,4.92h-4.34V10.35c0-3.32,1.71-5.49,4.51-5.49s4.58,2.17,4.58,5.49ZM230.92,0c-5.89,0-9.61,4.34-9.61,10.58V39.84a.71.71,0,0,0,.75.8h3.66a.71.71,0,0,0,.74-.8V26.24H231c5.95,0,9.78-4,9.78-9.83V10.58c0-6.24-3.89-10.58-9.83-10.58"/>
<path class="cls-1" d="M295.28,30.58c0,3.26-1.78,5.43-4.75,5.43h-4.34V5.26h4.34c3,0,4.75,2.17,4.75,5.43ZM290.7.46h-7.37A2.09,2.09,0,0,0,281,2.75V38.53a2.09,2.09,0,0,0,2.34,2.29h7.37c5.95,0,9.78-4.35,9.78-10.35V10.8c0-6-3.77-10.34-9.78-10.34"/>
<path class="cls-1" d="M336.32.63h-3.6a.75.75,0,0,0-.8.8V31c0,3.26-1.78,5.43-4.63,5.43s-4.63-2.17-4.63-5.43V1.43a.71.71,0,0,0-.75-.8h-3.65a.71.71,0,0,0-.75.8V30.75c0,6.18,3.83,10.52,9.78,10.52s9.83-4.34,9.83-10.52V1.43a.72.72,0,0,0-.8-.8"/>
<path class="cls-1" d="M359.46.63h-3.6a.71.71,0,0,0-.8.74V39.84a.72.72,0,0,0,.8.8h3.6a.71.71,0,0,0,.75-.8V1.37a.69.69,0,0,0-.75-.74"/>
<path class="cls-1" d="M388,0c-5.95,0-9.78,4.34-9.78,10.52V39.84a.71.71,0,0,0,.75.8h3.65a.71.71,0,0,0,.75-.8V10.29c0-3.26,1.77-5.43,4.63-5.43s4.63,2.17,4.63,5.43V39.84a.75.75,0,0,0,.8.8H397a.72.72,0,0,0,.8-.8V10.52C397.82,4.34,393.93,0,388,0"/>
</svg>
</div>
</div>
<div class="c-pop-up__bottom">
<p class="c-pop-up__cta-item c-pop-up__description">
Ontdek naast het succesvol uitverkochte Ridderstee project meer (nieuwe) ontwikkelingen binnen kustgebied Ouddorp Duin.<br/>
<a target="_blank" rel="nofollow noopener" href="https://www.investeren.ouddorp-duin.nl/#ouddorp-slider" class="c-pop-up__arrowlink">
<span class="c-pop-up__arrowlink">Bekijk projecten</span>
<span class="c-button__arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.22 11.9">
<polygon fill="currentColor" points="4.41 0 4.41 2.45 8.78 5.04 0 5.04 0 6.86 8.78 6.86 4.41 9.45 4.41 11.9 12.22 6.86 12.22 5.04 4.41 0"></polygon>
</svg>
</span>
</a>
</p>
<div class="c-pop-up__cta-item c-pop-up__button-layout">
<p class="c-pop-up__label">Houd me op de hoogte</p>
<div class="c-pop-up__button">
<a target="_blank" rel="nofollow noopener" href="https://www.investeren.ouddorp-duin.nl/#my-info" class="c-button c-button--blue">
<span class="c-button__text">Meld u aan</span>
<span class="c-button__arrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.22 11.9">
<polygon fill="currentColor" points="4.41 0 4.41 2.45 8.78 5.04 0 5.04 0 6.86 8.78 6.86 4.41 9.45 4.41 11.9 12.22 6.86 12.22 5.04 4.41 0"></polygon>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="c-pop-up__overlay-button">
<span>
Uw eigen<br/>plekje aan<br/>zee!
</span>
</div>
</div>
</div>
</div>
<script>
const CpopUp = document.querySelector(".c-pop-up");
const closeActionNodes = document.getElementsByClassName('js-close-pop');
for(let i = 0; i < closeActionNodes.length; i++) {
const closeActionNode = closeActionNodes[i];
closeActionNode.addEventListener('click', hidePopUp);
}
// function hidePopUp(){
// popUp.className += " fade-out";
// setTimeout(function() {popUp.style.display = 'none' }, 300);
// }
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function hidePopUp() {
setCookie('popUp', true, 1);
CpopUp.classList.add('fade-out');
setTimeout(function() {CpopUp.style.display = 'none' }, 300);
}
if (getCookie('popUp')) {
CpopUp.style.display = 'none';
}
</script>