File manager - Edit - /home/autoph/public_html/tasks/maintenance.html.tar
Back
home/autoph/maintenance.html 0000644 00000005606 15025011043 0012142 0 ustar 00 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Maintenance Mode | AHG Connect</title> <style> body { font-family: 'Arial', sans-serif; background: #f5f7fa; color: #333; line-height: 1.6; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; text-align: center; } .container { max-width: 600px; padding: 2rem; background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } h1 { color: #2c3e50; margin-bottom: 1rem; } p { margin-bottom: 2rem; color: #7f8c8d; } .logo { max-width: 150px; margin-bottom: 1.5rem; } .countdown { font-size: 1.5rem; font-weight: bold; color: #e74c3c; margin: 1.5rem 0; } .contact { font-size: 0.9rem; color: #95a5a6; margin-top: 2rem; } </style> </head> <body> <div class="container"> <!-- Replace with your logo --> <img src="your-logo.png" alt="[Your Brand]" class="logo"> <h1>Under Maintenance</h1> <p>We're currently performing scheduled maintenance. We'll be back online shortly.</p> <!-- Optional Countdown Timer --> <div class="countdown" id="countdown"> Estimated time remaining: <span id="time">30 minutes</span> </div> <p>Thank you for your patience.</p> <div class="contact"> Need immediate assistance? <a href="mailto:support@yourdomain.com">Contact us</a> </div> </div> <!-- Optional JavaScript for Countdown --> <script> // Set your target end time (24-hour format) const endTime = new Date(); endTime.setHours(endTime.getHours() + 1); // 1 hour from now function updateCountdown() { const now = new Date(); const diff = endTime - now; if (diff <= 0) { document.getElementById('time').textContent = "Maintenance complete!"; return; } const hours = Math.floor(diff / (1000 * 60 * 60)); const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); document.getElementById('time').textContent = `${hours > 0 ? hours + 'h ' : ''}${minutes}m`; } // Update every minute updateCountdown(); setInterval(updateCountdown, 60000); </script> </body> </html>