Last active
April 17, 2019 17:43
-
-
Save russianryebread/39f9789db7d9b69691a9c4137ccab32e to your computer and use it in GitHub Desktop.
Clean Error Page
This file contains 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 lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Internal Server Error</title> | |
| <!-- Fonts --> | |
| <link rel="dns-prefetch" href="//fonts.gstatic.com"> | |
| <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet" type="text/css"> | |
| <!-- Styles --> | |
| <style> | |
| html, body { | |
| background-color: #fff; | |
| color: #636b6f; | |
| font-family: 'Nunito', sans-serif; | |
| font-weight: 100; | |
| height: 100vh; | |
| margin: 0; | |
| } | |
| .full-height { | |
| height: 100vh; | |
| } | |
| .flex-center { | |
| align-items: center; | |
| display: flex; | |
| justify-content: center; | |
| } | |
| .position-ref { | |
| position: relative; | |
| } | |
| .code { | |
| border-right: 2px solid; | |
| font-size: 26px; | |
| padding: 0 15px 0 15px; | |
| text-align: center; | |
| } | |
| .message { | |
| font-size: 18px; | |
| text-align: center; | |
| padding: 10px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="flex-center position-ref full-height"> | |
| <div class="code">500</div> | |
| <div class="message">Internal Server Error</div> | |
| </div> | |
| </body> | |
| </html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment