<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex items-center justify-center"> <div class="bg-white shadow-lg rounded-lg flex max-w-4xl w-full overflow-hidden"> <div class="flex-1 bg-gray-50"> <img src="https://via.placeholder.com/600x800" alt="Description Image" class="h-full w-full object-cover rounded-l-lg"> </div> <div class="flex-1 p-8"> <div class="flex items-center justify-between mb-6"> <img src="https://via.placeholder.com/150" alt="Logo" class="h-12"> <select class="border rounded p-2 text-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-300 appearance-none bg-white"> <option value="fr">Français</option> <option value="en">English</option> <option value="es">Español</option> </select> </div> <h1 class="text-3xl font-bold mb-4 text-gray-800">Bienvenue !</h1> <p class="text-gray-600 mb-6">Veuillez entrer votre adresse e-mail pour recevoir un code de confirmation.</p> <form> <div class="mb-4"> <label for="email" class="block text-gray-700 mb-2">Adresse e-mail</label> <input type="email" id="email" class="w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200" placeholder="Entrez votre e-mail" required> </div> <button type="submit" class="w-full bg-blue-600 text-white p-3 rounded-md hover:bg-blue-500 transition duration-200 shadow-md">Obtenir le code de confirmation</button> </form> <p class="mt-4 text-center text-gray-500">Problème d'accès ? <a href="#" class="text-blue-600 hover:underline">Contactez-nous</a></p> </div> </div> </body>
v
v
v
v
v
v