<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
        <title>Dovendi - cropped.nl is nu te koop </title>
    <meta name="description" content="cropped.nl is beschikbaar voor verkoop. Bekijk prijs, informatie en meer op Dovendi.com" />
    <style>
        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        *,: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/cropped.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/cropped.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/cropped.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="/nl/cropped.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">cropped.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="cropped.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="qqeb2Fkbs2FLh85LMwNjdQ0vLZRFYsIVZN6KZQxm" autocomplete="off">                    <div id="registrar_UgNJM4HfqFKm0kiu_wrap"  style="display: none" aria-hidden="true">
        <input id="registrar_UgNJM4HfqFKm0kiu"
               name="registrar_UgNJM4HfqFKm0kiu"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="valid_from"
               type="text"
               value="eyJpdiI6IjZrUkhzYkFBL0JpTGlRWVFWbUxtSHc9PSIsInZhbHVlIjoiV0o2bE9Fc1JZTGt1d2xwWHhMU1IyUT09IiwibWFjIjoiYjVlMWQxYjk4Y2MwZGVkYzI4ZWM3ZmNmODI5YjMxODcwNmE2NjMzYTJkOWU2M2VhNzRjM2Q4ZWM0MGZhMjRhNCIsInRhZyI6IiJ9"
                              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/Z4moDY.png" style="height: 28px; width: auto;" alt="">
            <img src="https://www2.dovendi.com/captcha/XSDLm1.png" style="height: 28px; width: auto;" alt="">
            <img src="https://www2.dovendi.com/captcha/ykOWdu.png" style="height: 28px; width: auto;" alt="">
        <img src="https://www2.dovendi.com/captcha/YOnjse.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" id="submitButton" 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 disabled:opacity-50 disabled:cursor-not-allowed">
                                <span id="buttonText">Versturen</span>
                                <span id="buttonSpinner" style="display: none; animation: spin 1s linear infinite;">
                                    <svg style="width: 20px; height: 20px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                        <circle style="opacity: 0.25;" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                                        <path style="opacity: 0.75;" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                                    </svg>
                                </span>
                                <svg id="buttonArrow" 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="top flex justify-between items-end mb-4" style="display: flex; justify-content: space-between; align-items: flex-end;">
            <div class="feedback-company" id="feedback-widget-footer">
                <script type="text/javascript" id="__fbcw__07065001-644c-4745-8180-37c0364a5bee">
                "use strict";!function(){
                    window.FeedbackCompanyWidgets=window.FeedbackCompanyWidgets||{queue:[],loaders:[
                        ]};var options={uuid:"07065001-644c-4745-8180-37c0364a5bee",version:"1.2.1",prefix:""};if(
                        void 0===window.FeedbackCompanyWidget){if(
                        window.FeedbackCompanyWidgets.queue.push(options),!document.getElementById(
                            "__fbcw_FeedbackCompanyWidget")){var scriptTag=document.createElement("script")
                    ;scriptTag.onload=function(){if(window.FeedbackCompanyWidget)for(
                        ;0<window.FeedbackCompanyWidgets.queue.length;
                    )options=window.FeedbackCompanyWidgets.queue.pop(),
                            window.FeedbackCompanyWidgets.loaders.push(
                                new window.FeedbackCompanyWidgetLoader(options))},
                        scriptTag.id="__fbcw_FeedbackCompanyWidget",
                        scriptTag.src="https://www.feedbackcompany.com/includes/widgets/feedback-company-widget.min.js"
                        ,document.body.appendChild(scriptTag)}
                    }else window.FeedbackCompanyWidgets.loaders.push(
                            new window.FeedbackCompanyWidgetLoader(options))}();
            </script>
            </div>
            <div class="keurmerk">
                <a href="https://www.feedbackcompany.com/nl-nl/keurmerk-voor-consumenten/" target="_blank">
                    <img src="/keurmerk.png" alt="Keurmerk" width="42">
                </a>
            </div>
        </div>
        <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 brengt koper en verkoper bij elkaar. We beheren ruim 250.000 internationale domeinnamen en bemiddelen in de verkoop van deze namen met als doel een goede deal voor alle partijen.</p>
            </div>
        </div>
        <div class="copy-right mt-3 text-center">
            <small>&copy; 2026 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/cropped.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': 'qqeb2Fkbs2FLh85LMwNjdQ0vLZRFYsIVZN6KZQxm'
                            },
                            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));

        const form = document.getElementById('contactForm');
        const submitButton = document.getElementById('submitButton');
        const buttonText = document.getElementById('buttonText');
        const buttonSpinner = document.getElementById('buttonSpinner');
        const buttonArrow = document.getElementById('buttonArrow');

        form.addEventListener('submit', function(e) {
            if (submitButton.disabled) {
                e.preventDefault();
                return false;
            }

            submitButton.disabled = true;
            buttonText.style.display = 'none';
            buttonArrow.style.display = 'none';
            buttonSpinner.style.display = 'inline-block';
        });
    });
</script>














</body>
</html>
