WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!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>
.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; }
/* Replace with your JS Code (Leave empty if not needed) */
Validating your code, please wait...
HTML
CSS
JS
<!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>
.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; }
/* Replace with your JS Code (Leave empty if not needed) */