<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/build/app.css">
        <script type="text/javascript" src="/js/jquery-3.4.1.min.js?v=2" ></script>
        <script src="https://www.google.com/recaptcha/api.js?hl=&render=6LeaoUMlAAAAABGnbIxFM_knTP6zvMitgga1sQAu"></script>
        <title>Dovendi - youngline.it è ora in vendita </title>
        <meta name="description" content="youngline.it disponibile per la vendita. Scopri il prezzo, le informazioni e altro su Dovendi.com" />
    </head>
    <body>

    <iframe style="width:1px;height:1px;border:0px" src="/iframe/it/youngline.it" 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.svg" 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">
                        Italiano
                        <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/youngline.it" 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/youngline.it" 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/youngline.it" 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/youngline.it" class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:bg-gray-50 hover:text-gray-700  font-bold ">
                                Italiano
                            </a>
                                                        <a rel="alternate" href="/nl/youngline.it" 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="text-3xl lg:text-5xl mb-4 font-[600]" style="word-wrap: break-word;" id="domainEntry">youngline.it</h2>

                                            <p>Questo nome di dominio è gestito da 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 mb-6 pl-4">Siamo felici di aiutarti</h3>

                    <div class="pre-filled flex flex-col">
                        <div class="question relative flex flex-row items-center justify-between py-2 pl-4 pr-4 mb-5 bg-white shadow-bg hover:shadow-md rounded-xl cursor-pointer" data-id="1" data-question="Perché questo nome di dominio è gestito da te?">
                            <div class="flex flex-row items-center gap-4">
                                <h5 class="mb-0 text-sm lg:text-base font-[500] mr-2">Perché questo nome di dominio è gestito da te?</h5>
                            </div>
                            <span class="flex items-center justify-center w-12 h-12 bg-orange aspect-square rounded-xl">
                                <svg class="-rotate-90 brightness-0 invert" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8">
                                    <path id="Path_20" data-name="Path 20" d="M10.719-6.719A1.043,1.043,0,0,1,11-6a1.043,1.043,0,0,1-.281.719l-6,6A1.043,1.043,0,0,1,4,1,1.043,1.043,0,0,1,3.281.719,1.043,1.043,0,0,1,3,0a1.043,1.043,0,0,1,.281-.719L8.594-6,3.281-11.281A1.043,1.043,0,0,1,3-12a1.043,1.043,0,0,1,.281-.719A1.043,1.043,0,0,1,4-13a1.043,1.043,0,0,1,.719.281Z" transform="translate(1 -3) rotate(90)" fill="#fa9233"></path>
                                </svg>
                            </span>
                        </div>

                        <div class="question relative flex flex-row items-center justify-between py-2 pl-4 pr-4 mb-5 bg-white shadow-bg hover:shadow-md rounded-xl cursor-pointer" data-id="2" data-question="Ho una domanda per l&#039;utente precedente del nome di dominio">
                            <div class="flex flex-row items-center gap-4">
                                <h5 class="mb-0 text-sm lg:text-base font-[500] mr-2">Ho una domanda per l&#039;utente precedente del nome di dominio</h5>
                            </div>
                            <span class="flex items-center justify-center w-12 h-12 bg-orange aspect-square rounded-xl">
                                <svg class="-rotate-90 brightness-0 invert" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8">
                                    <path id="Path_20" data-name="Path 20" d="M10.719-6.719A1.043,1.043,0,0,1,11-6a1.043,1.043,0,0,1-.281.719l-6,6A1.043,1.043,0,0,1,4,1,1.043,1.043,0,0,1,3.281.719,1.043,1.043,0,0,1,3,0a1.043,1.043,0,0,1,.281-.719L8.594-6,3.281-11.281A1.043,1.043,0,0,1,3-12a1.043,1.043,0,0,1,.281-.719A1.043,1.043,0,0,1,4-13a1.043,1.043,0,0,1,.719.281Z" transform="translate(1 -3) rotate(90)" fill="#fa9233"></path>
                                </svg>
                            </span>
                        </div>

                        <div class="question relative flex flex-row items-center justify-between py-2 pl-4 pr-4 mb-5 bg-white shadow-bg hover:shadow-md rounded-xl cursor-pointer" data-id="3" data-question="Sono interessato a questo nome di dominio e vorrei conoscere i termini e le condizioni">
                            <div class="flex flex-row items-center gap-4">
                                <h5 class="mb-0 text-sm lg:text-base font-[500] mr-2">Sono interessato a questo nome di dominio e vorrei conoscere i termini e le condizioni</h5>
                            </div>
                            <span class="flex items-center justify-center w-12 h-12 bg-orange aspect-square rounded-xl">
                                <svg class="-rotate-90 brightness-0 invert" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8">
                                    <path id="Path_20" data-name="Path 20" d="M10.719-6.719A1.043,1.043,0,0,1,11-6a1.043,1.043,0,0,1-.281.719l-6,6A1.043,1.043,0,0,1,4,1,1.043,1.043,0,0,1,3.281.719,1.043,1.043,0,0,1,3,0a1.043,1.043,0,0,1,.281-.719L8.594-6,3.281-11.281A1.043,1.043,0,0,1,3-12a1.043,1.043,0,0,1,.281-.719A1.043,1.043,0,0,1,4-13a1.043,1.043,0,0,1,.719.281Z" transform="translate(1 -3) rotate(90)" fill="#fa9233"></path>
                                </svg>
                            </span>
                        </div>

                        <div class="custom-question flex flex-col items-start justify-between py-2 pl-4 pr-4 mb-5 bg-white shadow-bg hover:shadow-md rounded-xl">
                            <textarea id="customQuestionTextarea" class="align-baseline font-[500] text-sm lg:text-base w-full h-24 mt-3 rounded-xl border-none focus:outline-none focus:border-none" placeholder="Ho un&#039;altra domanda:"></textarea>

                            <button id="customQuestion" 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">
                                Continua
                                <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 id="text_hint" style="display:none;" class="relative flex flex-row items-center justify-between py-2 pl-4 pr-4 mb-5 bg-white shadow-bg hover:shadow-md rounded-xl">
                            <div class="flex flex-row items-center gap-4">
                                <h5 class="mb-0 text-sm lg:text-base font-normal mr-2">Descrivi chiaramente la tua domanda</h5>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="form w-full lg:w-1/2 hidden" id="stepTwo">
                    <form action="/submitform" class="flex flex-col" id="contactForm" method="post">
                        <input id="element_0" type="text" class="text" maxlength="255" name="naction" value=""/>
                        <input type="hidden" value="action" name="action">
                        <input type="hidden" value="youngline.it" name="domain">
                        <input type="hidden" value="it" name="lang">
                        <input type="hidden" value="" name="q_id" id="q_id">
                        <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response-6582b920715e7"><script>
  grecaptcha.ready(function() {
      grecaptcha.execute('6LeaoUMlAAAAABGnbIxFM_knTP6zvMitgga1sQAu', {action: 'submit'}).then(function(token) {
         document.getElementById('g-recaptcha-response-6582b920715e7').value = token;
      });
  });
  </script>
                        <input type="hidden" name="_token" value="1p8iqBQGlNJTDUsea9KV5WvoumtpvK9Azl1iQt7M">                        <div id="registrar_H7XeRMAzQe4pCWoF_wrap" style="display: none" aria-hidden="true">
        <input id="registrar_H7XeRMAzQe4pCWoF"
               name="registrar_H7XeRMAzQe4pCWoF"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="valid_from"
               type="text"
               value="eyJpdiI6IlNLdU1pemtPUk5BaXF2MklTbDNLS3c9PSIsInZhbHVlIjoicHhVZTNzdHM1dGd2aUI1YXorTWVWUT09IiwibWFjIjoiM2JkMzkzYTI2NThkYjAwMDQxYWEzMjlmZjFlNjJhZmUyNzkwMTE5Y2U5YzNjNDIzMzY5NmZmYzg3NzZjMTlmNSIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>

                        <h3 class="font-[500] text-xl lg:text-2xl mb-6 pl-4">Questa è la mia domanda</h3>
                        <textarea readonly="readonly" name="question" id="question" class="font-[500] text-sm lg:text-base py-5 px-6 mb-10 bg-white border-none focus:outline-none focus:border-none shadow-bg rounded-xl"></textarea>

                        <h3 class="font-[500] text-xl lg:text-2xl mb-6 pl-4">Modulo di contatto</h3>

                        <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="Il mio nome" 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="Il mio indirizzo 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 w-full">
                                <input type="text" value="" name="company" placeholder="La mia compagnia" 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="Il mio numero di telefono" 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 flex-wrap lg:flex-nowrap gap-4 w-full">
                                <button id="back" type="button" class="inline-flex items-center mt-6 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" id="stepBack">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="7.008" height="14.016" viewBox="0 0 7.008 14.016" class="-rotate-180">
                                        <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>
                                    Indietro
                                </button>
                                <button type="submit" class="inline-flex items-center mt-6 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">
                                    Sterzare
                                    <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>

                    </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.svg" alt="Dovendi icon">
                </div>
                <div class="text flex flex-col">
                    <h5 class="mb-1 font-[500] text-sm">Informazioni su Dovendi</h5>
                    <p class="mb-0 text-sm">Dovendi è una portale orientata a livello internazionale per i nomi di dominio usati. Offriamo ai titolari di nomi a dominio diversi servizi, tra cui la possibilità di gestire l&#039;intero portafoglio. Tutto questo con un focus su informazioni trasparenti e obiettive sul mercato secondario dei nomi di dominio.</p>
                </div>
            </div>
            <div class="copy-right mt-3 text-center">
                <small>&copy; 2023 Copyright Dovendi &copy; - tutti i diritti riservati | <a href="https://dovendi.com/en/terms-and-conditions" target="_blank">Termini e condizioni</a> | <a href="https://dovendi.com/nl/privacy-statement" target="_blank">Informativa-privacy</a></small>
            </div>
        </footer>
    </div>

    <script src="/build/app.js"></script>

    <script>
        $(function() {
            $('#element_0').hide();
        });
    </script>

    </body>
</html>
