Created
December 17, 2017 21:47
-
-
Save Domon/f495f311dc732bb88382c7204f9abd8f to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | |
| <title>Site Maintenance</title> | |
| <style> | |
| body { font: 20px Helvetica, sans-serif;} | |
| .maintenance-container{ | |
| margin: 15px auto; | |
| padding-top: 150px; | |
| } | |
| .image{ | |
| width: 150px; | |
| float: left; | |
| } | |
| .maintenance-image{ | |
| width: 100%; | |
| } | |
| .error-message{ | |
| padding: 40px 30px; | |
| font-size: 35px; | |
| text-align: left; | |
| color: #9B9B9B; | |
| } | |
| .error-message-english{ | |
| font-size: 24px; | |
| } | |
| .secondary-info{ | |
| clear: both; | |
| width: 100%; | |
| border-top: 1px solid #E8E8E8; | |
| padding: 20px 20px 20px 40px; | |
| } | |
| .remind-info{ | |
| text-align: left; | |
| line-height: 35px; | |
| } | |
| .otcbtc{ | |
| text-align: right; | |
| padding-right: 40px; | |
| color: #43CB83; | |
| } | |
| @media(min-width: 992px){ | |
| .maintenance-container{ | |
| width: 970px; | |
| } | |
| } | |
| @media(min-width: 768px){ | |
| .maintenance-container{ | |
| width: 750px; | |
| } | |
| .maintenance-image{ | |
| float: none; | |
| } | |
| } | |
| @media(max-width: 768px){ | |
| .maintenance-container{ | |
| width: 100%; | |
| padding-top: 40px; | |
| } | |
| .image{ | |
| float: none; | |
| margin: 1px auto; | |
| } | |
| .error-message{ | |
| padding: 20px 5px; | |
| font-size: 22px; | |
| text-align: center; | |
| } | |
| .error-message-english{ | |
| font-size: 16px; | |
| } | |
| .secondary-info{ | |
| padding: 10px 5px 10px 5px; | |
| font-size: 13px; | |
| } | |
| .remind-info{ | |
| text-align: center; | |
| line-height: 20px; | |
| } | |
| .otcbtc{ | |
| text-align: center; | |
| padding-right: 0px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="maintenance-container"> | |
| <div class="main-info"> | |
| <div class="image"> | |
| <img src="https://otcbtc.com/images/maintenance.png" class="maintenance-image" > | |
| </div> | |
| <p class="error-message">「网站系统维护中，请稍后」<br/><span class="error-message-english">「Sorry for the inconvenience but we’re performing some maintenance at the moment.」</span></p> | |
| </div> | |
| <div class="secondary-info"> | |
| <p class="remind-info">网站将于一小时内恢复，维护期间充值将在恢复后陆续到帐。 <br/>We’ll be back online in an hour. Accounts will be credited gradually after maintenance.</p> | |
| <p class="otcbtc">— OTCBTC</p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment