WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>LogIn</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="login-container"> <div class="login-box"> <h2>LogIn</h2> <h3>blablabla</h3> <form> <input type="text" placeholder="Username" required> <input type="password" placeholder="Password" required> <input type="submit" value="Submit"> <div> <input type="checkbox" id="remember"> <label for="remember">Ich Aktzeptiere die Nutzerbedingungen</label> </div> <div class="footer"> <a href="#">blablabla</a> </div> </form> </div> </div> <script src="script.js"></script> </body> </html>
body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: linear-gradient(to top, #2c3e50, #fd746c); color: white; font-family: Arial, sans-serif; } .login-container { text-align: center; } .login-box { background: rgba(0, 0, 0, 0.5); padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .login-box input[type="text"], .login-box input[type="password"] { width: 80%; padding: 10px; margin: 10px 0; border: none; border-radius: 5px; } .login-box input[type="submit"] { width: 50%; padding: 10px; border: none; border-radius: 5px; background: #fd746c; color: white; font-size: 16px; cursor: pointer; } .footer { margin-top: 10px; } .footer a { color: white; text-decoration: none; }
/* Replace with your JS Code (Leave empty if not needed) */
Validating your code, please wait...
HTML
CSS
JS
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>LogIn</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="login-container"> <div class="login-box"> <h2>LogIn</h2> <h3>blablabla</h3> <form> <input type="text" placeholder="Username" required> <input type="password" placeholder="Password" required> <input type="submit" value="Submit"> <div> <input type="checkbox" id="remember"> <label for="remember">Ich Aktzeptiere die Nutzerbedingungen</label> </div> <div class="footer"> <a href="#">blablabla</a> </div> </form> </div> </div> <script src="script.js"></script> </body> </html>
body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: linear-gradient(to top, #2c3e50, #fd746c); color: white; font-family: Arial, sans-serif; } .login-container { text-align: center; } .login-box { background: rgba(0, 0, 0, 0.5); padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .login-box input[type="text"], .login-box input[type="password"] { width: 80%; padding: 10px; margin: 10px 0; border: none; border-radius: 5px; } .login-box input[type="submit"] { width: 50%; padding: 10px; border: none; border-radius: 5px; background: #fd746c; color: white; font-size: 16px; cursor: pointer; } .footer { margin-top: 10px; } .footer a { color: white; text-decoration: none; }
/* Replace with your JS Code (Leave empty if not needed) */