timmy ревизий этого фрагмента 6 months ago. К ревизии
2 files changed, 128 insertions
maintenance_page.html (файл создан)
| @@ -0,0 +1,64 @@ | |||
| 1 | + | <!DOCTYPE html> | |
| 2 | + | <html lang="en"> | |
| 3 | + | <head> | |
| 4 | + | <meta charset="UTF-8"> | |
| 5 | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| 6 | + | <title>We'll Be Right Back!</title> | |
| 7 | + | <style> | |
| 8 | + | body { | |
| 9 | + | margin: 0; | |
| 10 | + | font-family: Arial, sans-serif; | |
| 11 | + | display: flex; | |
| 12 | + | align-items: center; | |
| 13 | + | justify-content: center; | |
| 14 | + | height: 100vh; | |
| 15 | + | background-color: #f4f4f4; | |
| 16 | + | color: #333; | |
| 17 | + | text-align: center; | |
| 18 | + | } | |
| 19 | + | .container { | |
| 20 | + | max-width: 600px; | |
| 21 | + | padding: 20px; | |
| 22 | + | } | |
| 23 | + | h1 { | |
| 24 | + | font-size: 2rem; | |
| 25 | + | color: #0056b3; | |
| 26 | + | margin-bottom: 10px; | |
| 27 | + | } | |
| 28 | + | p { | |
| 29 | + | font-size: 1rem; | |
| 30 | + | margin-bottom: 20px; | |
| 31 | + | line-height: 1.5; | |
| 32 | + | } | |
| 33 | + | .contact { | |
| 34 | + | margin-top: 20px; | |
| 35 | + | font-size: 0.9rem; | |
| 36 | + | color: #666; | |
| 37 | + | } | |
| 38 | + | .contact a { | |
| 39 | + | color: #0056b3; | |
| 40 | + | text-decoration: none; | |
| 41 | + | } | |
| 42 | + | .contact a:hover { | |
| 43 | + | text-decoration: underline; | |
| 44 | + | } | |
| 45 | + | .timer { | |
| 46 | + | font-weight: bold; | |
| 47 | + | color: #e63946; | |
| 48 | + | } | |
| 49 | + | </style> | |
| 50 | + | </head> | |
| 51 | + | <body> | |
| 52 | + | <div class="container"> | |
| 53 | + | <h1>We'll Be Right Back!</h1> | |
| 54 | + | <p>Our site is currently undergoing scheduled maintenance. We’re working hard to bring you a better experience. Thank you for your patience and understanding.</p> | |
| 55 | + | <p>If all goes to plan, we'll be back online in <span class="timer">1 hour</span>. 🚀</p> | |
| 56 | + | <p class="contact"> | |
| 57 | + | Need help? Reach out to us at | |
| 58 | + | <a href="mailto:support@example.com">support@example.com</a> | |
| 59 | + | or call us at | |
| 60 | + | <a href="tel:+123456789">+1 234 567 89</a>. | |
| 61 | + | </p> | |
| 62 | + | </div> | |
| 63 | + | </body> | |
| 64 | + | </html> | |
maintenance_page_zh.html(файл создан)
| @@ -0,0 +1,64 @@ | |||
| 1 | + | <!DOCTYPE html> | |
| 2 | + | <html lang="zh-Hant"> | |
| 3 | + | <head> | |
| 4 | + | <meta charset="UTF-8"> | |
| 5 | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| 6 | + | <title>馬上回來！網站維護中</title> | |
| 7 | + | <style> | |
| 8 | + | body { | |
| 9 | + | margin: 0; | |
| 10 | + | font-family: "Noto Sans TC", Arial, "微軟正黑體", sans-serif; | |
| 11 | + | display: flex; | |
| 12 | + | align-items: center; | |
| 13 | + | justify-content: center; | |
| 14 | + | height: 100vh; | |
| 15 | + | background-color: #f4f4f4; | |
| 16 | + | color: #333; | |
| 17 | + | text-align: center; | |
| 18 | + | } | |
| 19 | + | .container { | |
| 20 | + | max-width: 600px; | |
| 21 | + | padding: 20px; | |
| 22 | + | } | |
| 23 | + | h1 { | |
| 24 | + | font-size: 2rem; | |
| 25 | + | color: #1867c0; | |
| 26 | + | margin-bottom: 10px; | |
| 27 | + | } | |
| 28 | + | p { | |
| 29 | + | font-size: 1.1rem; | |
| 30 | + | margin-bottom: 20px; | |
| 31 | + | line-height: 1.5; | |
| 32 | + | } | |
| 33 | + | .contact { | |
| 34 | + | margin-top: 20px; | |
| 35 | + | font-size: 0.98rem; | |
| 36 | + | color: #666; | |
| 37 | + | } | |
| 38 | + | .contact a { | |
| 39 | + | color: #1867c0; | |
| 40 | + | text-decoration: none; | |
| 41 | + | } | |
| 42 | + | .contact a:hover { | |
| 43 | + | text-decoration: underline; | |
| 44 | + | } | |
| 45 | + | .timer { | |
| 46 | + | font-weight: bold; | |
| 47 | + | color: #e63946; | |
| 48 | + | } | |
| 49 | + | </style> | |
| 50 | + | </head> | |
| 51 | + | <body> | |
| 52 | + | <div class="container"> | |
| 53 | + | <h1>網站正在保養，請稍等一下下 🙏</h1> | |
| 54 | + | <p>我們正在升級服務，希望帶給你更棒的體驗！維護期間網站暫時無法使用，請稍後再回來看看～</p> | |
| 55 | + | <p>預計很快就會搞定，感謝你的耐心等候 🛠️</p> | |
| 56 | + | <p class="contact"> | |
| 57 | + | 有急事嗎？歡迎寫信到 | |
| 58 | + | <a href="mailto:support@example.com">support@example.com</a> | |
| 59 | + | 或撥打 | |
| 60 | + | <a href="tel:+123456789">+1 234 567 89</a> 聯絡我們！ | |
| 61 | + | </p> | |
| 62 | + | </div> | |
| 63 | + | </body> | |
| 64 | + | </html> | |
Новее
Позже