<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Site Maintenance</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; text-align: center; padding: 20px; box-sizing: border-box; } .container { background-color: #fff; padding: 30px 40px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } h1 { color: #505050; font-size: 24px; } p { font-size: 16px; line-height: 1.6; } </style> </head> <body> <div class="container"> <h1>Under Maintenance</h1> <p>Our website is currently undergoing scheduled maintenance.</p> <p>We expect to be back online shortly.</p> <p>Thank you for your patience.</p> </div> </body> </html>