WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un code de Mikeykun
957
Mikeykun
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
11 July 2025
Un code de Mete
22 August 2025
Formulaire de connexion et d'inscription avec authentification biométrique
18 April 2025
Dawid Wróbel - Portefeuille de développeurs Full Stack
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="login"> <h1>Veuillez remplir les infos !</h1> <input type="email" name="" id=""> <input type="password" name="" id=""> <button class="button"> Se Connecter </button> <h2>Vous n'avez pas de compte? Créez en <br> <a href="sucription.html">cliquer ici</a></h2> </div> </body> </html>
CSS
Copy
.login{ align-items: center; background: linear-gradient(135deg, #6e45e2, #88d3ce); height: 460px; width: 500px; border-radius: 24px; display: flex; flex-direction: column; gap: 10px; padding: 15px; font-size: 16px; } body{ background: linear-gradient(135deg, #b045e2, #88d3ce); font-family: arial sans-serif; } h1{ margin-left: 23px; color:red } .login input{ height: 45px; border-radius: 12px; width: 380px; margin-left:25px; color:aqua; margin-bottom: 50px; background:white; color:black; } button{ color: brown; height: 44px; width: 120px; border-radius: 19px; background: linear-gradient(135deg, #6e45e2, #88d3ce); margin-left:-15px; } div{ margin-left: 450px; margin-top: 150px; } a{ margin-left:140px; color: #b045e2; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
