WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un codice di Mikeykun
576
Mikeykun
Apri nell'Editor
Pubblica il Tuo Codice
Consigliato
24 March 2025
Pannello di controllo di amministrazione di AdminHub v2.1
15 May 2025
Pagina di accesso
17 May 2025
Modulo di accesso moderno + barra laterale scorrevole
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) */
