<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        Dovendi - www.parexemple.fr est maintenant à vendre    </title>

    <meta name="description" content="www.parexemple.fr est disponible à la vente. Découvrez le prix, les informations et plus encore sur Dovendi.com" />
    <link rel="stylesheet" href="/src/style.css">
</head>
<body>

<iframe id="stsldr" loading="lazy" style="width:1px;height:1px;border:0px" src="https://www2.dovendi.com/stats/www.parexemple.fr" class="container-header__language-box"></iframe>

<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">
                    Français                    <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="?lang=de" 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="?lang=en" 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="?lang=fr" class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:bg-gray-50 hover:text-gray-700 font-bold">
                                Français                            </a>
                                                    <a rel="alternate" href="?lang=nl" class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:bg-gray-50 hover:text-gray-700 ">
                                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="domain-title text-3xl lg:text-4xl mb-4 font-[600]" id="domainEntry">www.parexemple.fr</h2>
                <p>Ce nom de domaine est en vente 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="h3-question font-[500] text-xl lg:text-2xl pl-4">Nous sommes heureux de vous assister</h3>
                <form class="flex flex-col" method="post" id="salesForm">
                    <input type="text" value="" name="naction" id="element_0" class="text" maxlength="255" />
                    <input type="hidden" value="action" name="action">
                    <input type="hidden" value="www.parexemple.fr" name="domain">
                    <input type="hidden" value="fr" name="lang">
                    <input type="hidden" value="" name="q_id" id="q_id">
                    <input type="hidden" name="csrf_token" value="ddb360984e1b0b6d65df58123e70090c986d12181198f8ee70038a1b0e1b17e8">
                    <input type="hidden" name="form_time" value="1769499097">

                    <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" required value="Je suis intéressé par ce nom de domaine et souhaite recevoir une offre sans engagement">
                            <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">Je suis intéressé par ce nom de domaine et souhaite recevoir une offre sans engagement</span>
                        </label>

                        <label for="question_custom" class="w-full flex items-center relative">
                            <textarea placeholder="J'ai un commentaire ou une autre question.." 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">
                        spam_message                    </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" required placeholder="Mon nom" class="px-4 py-2 bg-grey w-full lg:w-1/2 text-sm lg:text-base">
                            <input type="text" value="" name="lastname" placeholder="Last Name" class="the-field px-4 py-2 bg-grey w-full lg:w-1/2 text-sm lg:text-base">
                            <input type="email" value="" name="email" required placeholder="Mon adresse email" 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="Mon entreprise" class="px-4 py-2 bg-grey w-full lg:w-1/2 text-sm lg:text-base">
                            <input type="text" value="" name="street" placeholder="Street" class="the-field px-4 py-2 bg-grey w-full lg:w-1/2 text-sm lg:text-base">
                            <input type="text" value="" name="phone" placeholder="Mon numéro de téléphone" 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="captcha-container">
                                <div class="flex items-center justify-center gap-2 mb-4">
                                    <!-- Display captcha images dynamically -->
                                                                        <img class="captcha-img" src="/captcha-image.php?key=pxJ54D">
                                    <img class="captcha-img" src="/captcha-image.php?key=1C7T2u">
                                    <img class="captcha-img" src="/captcha-image.php?key=JiwWW1">
                                    <img class="captcha-img" src="/captcha-image.php?key=7wzoon">
                                    
                                    <input class="captcha-input px-3 bg-grey" type="number" name="captcha_answer" required>
                                </div>
                            </div>

                            <button type="submit" id="submitButton" class="inline-flex items-center gap-3 bg-orange !text-white text-white font-medium py-2 px-3 md:px-6 md:py-3 text-sm md:text-base  rounded-lg">
                                <span id="buttonText">Envoyez</span>
                                <span id="buttonSpinner">
                                    <svg 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>* Pour vous servir au mieux, veuillez remplir ces informations.</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">
            <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="/src/assets/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">A propos de Dovendi</h5>
                <p class="mb-0 text-sm">Dovendi rassemble les acheteurs et les vendeurs. Nous gérons plus de 250 000 noms de domaine internationaux et servons d'intermédiaire pour la vente de ces noms, dans le but d'obtenir un bon accord pour toutes les parties.</p>
            </div>
        </div>
        <div class="copy-right mt-3 text-center">
            <small>&copy; 2026 Copyright Dovendi &copy; - tous droits réservés | <a href="" id="link-terms" target="_blank">Conditions générales</a> | <a href="" id="link-privacy" target="_blank">Déclaration de confidentialité</a></small>
        </div>
    </footer>
</div>

<script src="/src/main.js"></script>

</body>
</html>
