OwlCyberSecurity - MANAGER
Edit File: index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Website Under Maintenance</title> <!-- SEO Meta --> <meta name="description" content="Our website is currently under maintenance. We will be back shortly with improved services."> <meta name="robots" content="noindex, nofollow"> <!-- Open Graph --> <meta property="og:title" content="Website Under Maintenance"> <meta property="og:description" content="We are working to improve your experience. Stay tuned!"> <meta property="og:type" content="website"> <link rel="icon" href="favicon.ico"> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, sans-serif; } body { height: 100vh; display: flex; align-items: center; justify-content: center; background: #f4f7fb; color: #333; text-align: center; } .container { background: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); max-width: 600px; width: 90%; } h1 { font-size: 2.2rem; margin-bottom: 15px; color: #2c3e50; } p { font-size: 1rem; margin-bottom: 20px; color: #555; } .loader { margin: 25px auto; border: 5px solid #e0e0e0; border-top: 5px solid #3498db; border-radius: 50%; width: 45px; height: 45px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .retry-btn { margin-top: 15px; padding: 10px 20px; border: none; background: #3498db; color: #fff; border-radius: 6px; cursor: pointer; font-weight: 500; } .retry-btn:hover { background: #2c80b4; } .footer { margin-top: 25px; font-size: 0.85rem; color: #888; } </style> </head> <body> <div class="container"> <h1>🚧 Website Under Maintenance</h1> <p> We are currently resolving an issue and improving our website to serve you better. Please check back shortly. </p> <div class="loader"></div> <button class="retry-btn" onclick="reloadPage()">Retry</button> <div class="footer"> © <span id="year"></span> Your Company Name. All rights reserved. </div> </div> <script> document.getElementById("year").textContent = new Date().getFullYear(); function reloadPage() { location.reload(); } // Auto refresh every 60 seconds setTimeout(() => { location.reload(); }, 60000); </script> </body> </html>