<pre><code><!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login Page</title> <style> body { font-family: Arial, sans-serif; background-color: #f7f7f7; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { width: 400px; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } h1 { text-align: center; color: #333; } input[type="text"], input[type="password"] { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; } button { width: 100%; padding: 8px; background-color: #3498db; color: #fff; border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: #2980b9; } </style> </head> <body> <div class="container"> <h1>Login</h1> <form> <input type="email" placeholder="Email" required><br> <input type="password" placeholder="Password" required><br> <button type="submit">Login</button> </form> </div> </body> </html>
