Untitled
unknown
plain_text
2 years ago
1.9 kB
5
Indexable
<!DOCTYPE html> <html> <head> <title>Login Page</title> <style> body { font-family: Arial, sans-serif; background-color: #f1f1f1; display: flex; align-items: center; justify-content: center; height: 100vh; } .container { max-width: 400px; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h2 { text-align: center; margin-bottom: 30px; color: #333; } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; color: #666; } .form-group input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; } .form-group button { width: 100%; padding: 12px; background-color: #4CAF50; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; } .form-group button:hover { background-color: #45a049; } .form-group button:focus { outline: none; } .form-group .error-message { color: red; margin-top: 5px; } </style> </head> <body> <div class="container"> <h2>Login</h2> <form> <div class="form-group"> <label for="username">Username:</label> <input type="text" id="username" name="username" required> </div> <div class="form-group"> <label for="password">Password:</label> <input type="password" id="password" name="password" required> </div> <div class="form-group"> <button type="submit">Login</button> </div> </form> </div> </body> </html>
Editor is loading...