JezK
Edit File: maintenance.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Maintenance Mode</title> <style> body { margin: 0; padding: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #000; /* Black background */ color: #fff; /* White text */ font-family: Arial, sans-serif; text-align: center; } .container { max-width: 600px; padding: 20px; } h1 { font-size: 3em; margin-bottom: 10px; } p { font-size: 1.5em; margin-bottom: 20px; } .spinner { margin: 30px auto; width: 40px; height: 40px; border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s infinite linear; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> </head> <body> <div class="container"> <h1>We'll be right back!</h1> <p>Our site is currently undergoing scheduled maintenance. <br>Please check back soon.</p> <div class="spinner"></div> <p>Thank you for your patience.</p> </div> </body> </html>