<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
        <title>Dovendi - quera.nl is nu te koop </title>
    <meta name="description" content="quera.nl is beschikbaar voor verkoop. Bekijk prijs, informatie en meer op Dovendi.com" />
    <style>
        *,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.-bottom-\[260px\]{bottom:-260px}.-left-\[390px\]{left:-390px}.-right-1{right:-.25rem}.bottom-0{bottom:0}.right-0{right:0}.top-0{top:0}.-z-10{z-index:-10}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-28{width:7rem}.w-\[100px\]{width:100px}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.origin-left{transform-origin:left}.origin-top-right{transform-origin:top right}.-translate-y-16{--tw-translate-y:-4rem}.-translate-y-16,.translate-x-3\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-3\/4{--tw-translate-x:75%}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-none{border-style:none}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.pb-12{padding-bottom:3rem}.pb-8{padding-bottom:2rem}.pl-12{padding-left:3rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-\[500\]{font-weight:500}.font-\[600\]{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-orange{background-color:#fa9223}.bg-grey{background:#f8f8f8}.shadow-bg{box-shadow:0 8px 24px #00000014}.opacity-orange-tint{opacity:.16}.custom-radio{background-color:#f8f8f8;cursor:pointer;left:10px}.custom-radio,.custom-radio:before{border-radius:50%;height:24px;position:absolute;width:24px}.custom-radio:before{border:1px solid rgba(0,0,0,.2);box-sizing:border-box;content:""}.custom-radio:after{background-color:#fa9223;border-radius:50%;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:12px}input[type=checkbox]:checked+.custom-radio:after{opacity:1}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-none:focus{border-style:none}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:-translate-y-12{--tw-translate-y:-3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:768px){.md\:scale-\[\.8\]{--tw-scale-x:.8;--tw-scale-y:.8}.md\:scale-\[1\.35\],.md\:scale-\[\.8\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:scale-\[1\.35\]{--tw-scale-x:1.35;--tw-scale-y:1.35}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:h-screen{height:100vh}.lg\:w-1\/2{width:50%}.lg\:w-44{width:11rem}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:py-0{padding-top:0}.lg\:pb-0,.lg\:py-0{padding-bottom:0}.lg\:pt-0{padding-top:0}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}}
    </style>
</head>
<body>

<div class="leadform min-h-screen lg:h-screen flex flex-col justify-between relative overflow-hidden">
    <div class="circle_right bg-orange h-full aspect-square rounded-full absolute translate-x-3/4 md:scale-[1.35] right-0 top-0 bottom-0 -z-10 opacity-orange-tint">
    </div>
    <svg xmlns="http://www.w3.org/2000/svg" width="710.266" height="710.266" viewBox="0 0 710.266 710.266" class="scale-75 md:scale-[.8] opacity-orange-tint -z-10 absolute -left-[390px] -bottom-[260px] right-0 origin-left">
        <rect id="Rectangle_16" data-name="Rectangle 16" width="502.232" height="502.232" rx="44.53" transform="translate(0 355.133) rotate(-45)" fill="#fa9233"></rect>
    </svg>
    <header class="max-w-7xl w-full mx-auto flex justify-between items-center py-4 px-6">
        <div class="logo w-28 lg:w-44">
            <img class="w-full" src="/src/assets/logo-dovendi.png" alt="Dovendi">
        </div>
        <div class="inline-flex items-stretch group z-10 relative" id="langToggle">
            <div class="relative">
                <div class="flex items-center gap-3 pr-2 text-sm font-medium hover:cursor-pointer">
                    Nederlands
                    <svg xmlns="http://www.w3.org/2000/svg" width="14.016" height="7.008" viewBox="0 0 14.016 7.008">
                        <path id="Path_11" data-name="Path 11"
                              d="M.125-8.344A.646.646,0,0,1,.5-8.531a.538.538,0,0,1,.344.125L7-2.75l6.156-5.656a.51.51,0,0,1,.719.031.51.51,0,0,1-.031.719l-6.5,6a.535.535,0,0,1-.687,0l-6.5-6A.472.472,0,0,1,.125-8.344Z"
                              transform="translate(0.008 8.539)" fill="#1d1d1b" />
                    </svg>
                </div>
                <div class="absolute pt-8 -right-1 mt-4 -translate-y-16 -z-10 origin-top-right rounded-md border border-gray-100 bg-white shadow-md transition-all opacity-0 invisible group-hover:visible group-hover:opacity-100 group-hover:-translate-y-12"
                     role="menu">
                    <div class="p-3">

                                                    <a rel="alternate" href="/de/quera.nl" class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:bg-gray-50 hover:text-gray-700 ">
                                Deutsch
                            </a>
                                                    <a rel="alternate" href="/en/quera.nl" class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:bg-gray-50 hover:text-gray-700 ">
                                English
                            </a>
                                                    <a rel="alternate" href="/fr/quera.nl" class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:bg-gray-50 hover:text-gray-700 ">
                                Français
                            </a>
                                                    <a rel="alternate" href="/it/quera.nl" class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:bg-gray-50 hover:text-gray-700 ">
                                Italiano
                            </a>
                                                    <a rel="alternate" href="/nl/quera.nl" class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:bg-gray-50 hover:text-gray-700  font-bold ">
                                Nederlands
                            </a>
                                            </div>
                </div>
            </div>
        </div>
    </header>
    <div class="form-steps max-w-7xl w-full mx-auto px-6">
        <div class="flex flex-row justify-between items-center flex-wrap lg:flex-nowrap gap-12">
            <div class="domain-choice w-full lg:w-1/2 py-12 lg:py-0">
                <h2 class="text-3xl lg:text-4xl mb-4 font-[600]" style="word-wrap: break-word;" id="domainEntry">quera.nl</h2>

                                    <p>Deze domeinnaam is te koop via Dovendi</p>
                
            </div>
            <div class="questions flex flex-col w-full lg:w-1/2 pt-4 pb-12 lg:pb-0 lg:pt-0" id="stepOne">

                <h3 class="font-[500] text-xl lg:text-2xl pl-4" style="margin-bottom: 20px;">We zijn je graag van dienst</h3>

                <form action="/submitform" class="flex flex-col" id="contactForm" method="post">
                    <input type="text"   value="" name="naction" id="element_0"  class="text" maxlength="255" />
                    <input type="hidden" value="action" name="action">
                    <input type="hidden" value="quera.nl" name="domain">
                    <input type="hidden" value="nl" name="lang">
                    <input type="hidden" value="" name="q_id" id="q_id">
                    
                    <input type="hidden" name="_token" value="JhGjTh0JK20HQTV9lGORI23WTsRveBodQj4XQ52M" autocomplete="off">                    <div id="registrar_Hd7zOu8Zf2BMudhH_wrap"  style="display: none" aria-hidden="true">
        <input id="registrar_Hd7zOu8Zf2BMudhH"
               name="registrar_Hd7zOu8Zf2BMudhH"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="valid_from"
               type="text"
               value="eyJpdiI6IjdLbXRGcktjcm9PS2tTYThPQVBTSUE9PSIsInZhbHVlIjoiTjRwNjhMZ0N5T1ZST0crVUxYc04vZz09IiwibWFjIjoiZjZlODkwZDA5Yzk0NjZkN2Y5NTkwZTNjZGI1NjFhN2UxNTM4NTM5MTg5OTMyZTE1MDRjMGMwYWE5MjA0MmU1ZCIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>

                    <div class="form-group flex flex-col w-full mb-4">
                        <label for="question_1" class="w-full flex items-center mb-4 relative">
                            <input type="checkbox" name="question" id="question_1" class="absolute opacity-0" value="Ik heb interesse in deze domeinnaam en ontvang graag een vrijblijvende offerte" >
                            <span class="custom-radio"></span>
                            <span class="w-full font-[500] text-sm lg:text-base py-5 px-6 pl-12 bg-white border-none focus:outline-none focus:border-none shadow-bg rounded-xl">Ik heb interesse in deze domeinnaam en ontvang graag een vrijblijvende offerte</span>
                        </label>

                        <label for="question_custom" class="w-full flex items-center relative">
                            <textarea placeholder="Ik heb een opmerking of andere vraag.." name="question_custom" id="question_custom" class="w-full font-[500] text-sm lg:text-base py-5 px-6 bg-white border-none focus:outline-none focus:border-none shadow-bg rounded-xl"></textarea>
                        </label>
                    </div>

                    <div id="email-warning" style="display: none; font-size: 14px; color: #000; background-color: #f8d7da; border: 1px solid #f5c6cb; padding: 8px; border-radius: 12px; margin-bottom: 12px;">
                        Wij beantwoorden uw aanvraag meestal binnen 1 werkdag. Let op! Onze email komt bij <span id="domain"></span> vaak in de spambox. Controleer aub over 1 a 2 dagen uw spambox.
                    </div>

                    <div class="contact-form flex flex-col items-start justify-between p-6 mb-5 bg-white shadow-bg hover:shadow-md rounded-xl">
                        <div class="form-group flex flex-row justify-between flex-wrap lg:flex-nowrap gap-4 w-full mb-4">
                            <input type="text" value="" name="name" placeholder="Mijn naam*" class="px-4 py-2 bg-grey w-full lg:w-1/2 text-sm lg:text-base">
                            <input type="email" value="" name="email" placeholder="Mijn mailadres*" class="px-4 py-2 bg-grey w-full lg:w-1/2 text-sm lg:text-base">
                        </div>

                        <div class="form-footer flex flex-row items-center justify-between gap-4 w-full">
                            <input type="text" value="" name="company" placeholder="Mijn bedrijf" class="px-4 py-2 bg-grey w-full lg:w-1/2 text-sm lg:text-base">
                            <input type="text" value="" name="phone" placeholder="Mijn nummer*" class="px-4 py-2 bg-grey w-full lg:w-1/2 text-sm lg:text-base">
                        </div>


                        <div class="form-group flex flex-row justify-between items-center flex-wrap lg:flex-nowrap gap-4 w-full mt-6">

                            <div class="flex items-center" style="display: flex; align-items: center; justify-content: flex-end;">
            <img src="https://www2.dovendi.com/captcha/ljubQG.png" style="height: 28px; width: auto;" alt="">
            <img src="https://www2.dovendi.com/captcha/vOW5hG.png" style="height: 28px; width: auto;" alt="">
            <img src="https://www2.dovendi.com/captcha/F7evMX.png" style="height: 28px; width: auto;" alt="">
        <img src="https://www2.dovendi.com/captcha/0WHFMg.png" style="height: 28px; width: auto;" alt="">
    <input type="text" name="xyq" class="bg-grey px-3" style="height: 28px; width: 56px;">
</div>

                            <button type="submit" class="inline-flex items-center gap-3 bg-orange !text-white font-medium py-2 px-3 md:px-6 md:py-3 text-sm md:text-base  rounded-lg">
                                Versturen
                                <svg xmlns="http://www.w3.org/2000/svg" width="7.008" height="14.016" viewBox="0 0 7.008 14.016">
                                    <path id="Path_58" data-name="Path 58" d="M2.656.875A.511.511,0,0,1,2.5.5.538.538,0,0,1,2.625.156L8.281-6,2.625-12.156a.51.51,0,0,1,.031-.719.51.51,0,0,1,.719.031l6,6.5a.535.535,0,0,1,0,.688l-6,6.5A.51.51,0,0,1,2.656.875Z" transform="translate(-2.492 13.008)" fill="#fff"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="alert w-full flex justify-end mt-2">
                            <small>* Om u goed van dienst te zijn, graag deze gegevens invullen.</small>
                        </div>
                                            </div>
                </form>
            </div>
        </div>
    </div>

    <footer class="max-w-6xl w-full mx-auto pb-8 px-6">
        <div class="footer-widget bg-grey py-4 px-6 flex flex-row items-center justify-between rounded-xl">
            <div class="brand-icon mr-4 w-[100px]">
                <img src="/src/assets/dovendi-brand-icon.png" alt="Dovendi icon">
            </div>
            <div class="text flex flex-col">
                <h5 class="mb-1 font-[500] text-sm">Over Dovendi</h5>
                <p class="mb-0 text-sm">Dovendi is een internationaal georiënteerd portaal in de markt van gebruikte domeinnamen. Houders van domeinnamen bieden we diverse diensten waaronder de mogelijkheid het gehele portfolio in beheer te geven. Dit alles met focus op transparant en objectief informeren over de secundaire markt in domeinnamen.</p>
            </div>
        </div>
        <div class="copy-right mt-3 text-center">
            <small>&copy; 2025 Copyright Dovendi &copy; - alle rechten voorbehouden | <a href="" id="link-terms" target="_blank">Algemene voorwaarden</a> | <a href="" id="link-privacy" target="_blank">Privacy verklaring</a></small>
        </div>
    </footer>
</div>


<iframe id="stsldr" loading="lazy" style="width:1px;height:1px;border:0px" src="" class="container-header__language-box"></iframe>

<script>
        var url = "/stats/quera.nl";
    
    document.addEventListener('DOMContentLoaded', function() {
        var element = document.getElementById('element_0');
        if (element) {
            element.style.display = 'none';
        }

        document.getElementById("link-terms").href = atob("aHR0cHM6Ly9kb3ZlbmRpLmNvbS9ubC9hbGdlbWVuZS12b29yd2FhcmRlbg==");
        document.getElementById("link-privacy").href = atob("aHR0cHM6Ly9kb3ZlbmRpLmNvbS9ubC9wcml2YWN5LXBvbGljeQ==");

        var iframe = document.getElementById('stsldr'); // Get the iframe by its ID
        if (iframe) {
            setTimeout(function() {
                iframe.src = url;
            }, 2000);
        }

        const emailInput = document.querySelector('input[name="email"]');
        const emailWarning = document.getElementById('email-warning');
        const domainSpan = document.getElementById('domain');

        const debounce = (func, delay) => {
            let debounceTimer;
            return function() {
                const context = this;
                const args = arguments;
                clearTimeout(debounceTimer);
                debounceTimer = setTimeout(() => func.apply(context, args), delay);
            };
        };

        const checkEmailDomain = async () => {
            const email = emailInput.value;
            const domains = ['hotmail.nl', 'hotmail.com', 'live.com', 'live.nl', 'outlook.com', 'outlook.nl'];
            const emailDomain = email.split('@')[1];

            if (domains.includes(emailDomain)) {
                emailInput.style.borderColor = 'red';
                domainSpan.textContent = emailDomain;
                emailWarning.style.display = 'block';
            } else {
                emailInput.style.borderColor = '';
                emailWarning.style.display = 'none';

                if (emailDomain && emailDomain.includes('.')) {
                    try {
                        const response = await fetch('/api/check-ms-mx', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': 'JhGjTh0JK20HQTV9lGORI23WTsRveBodQj4XQ52M'
                            },
                            body: JSON.stringify({ email: email })
                        });

                        const resp = await response.json();

                        if (resp.result) {
                            emailInput.style.borderColor = 'red';
                            domainSpan.textContent = emailDomain;
                            emailWarning.style.display = 'block';
                        }
                    } catch (error) {
                        console.error('Error checking MX record:', error);
                    }
                }
            }
        };

        emailInput.addEventListener('input', debounce(checkEmailDomain, 500));
    });
</script>














</body>
</html>
