<!doctype html> <html lang=“en”>
<head> <title>We’re sorry, but something went wrong!</title> <meta charset="utf-8" /> <style> body { display: table; height: 100vh; margin: 0px; padding: 0px; } section { display: table-cell; vertical-align: middle; text-align: left; } article { color: #333; } h1 { font-family: sans; } p { font-family: sans-serif; } a { color: #666; text-decoration: none; } a:hover { color: #333; text-decoration: none; } @media only screen and (min-width : 320px) { body { font-size: 16px; } article { margin: 0px 1em; } h1 { font-size: 32px; } } @media only screen and (min-width : 768px) { body { font-size: 20px; } article { margin: 0px 4em; } h1 { font-size: 40px; } } </style> </head> <body> <section> <article> <h1>We’re sorry, but something went wrong!</h1> <div> <p>We’re working on it and we’ll get it fixed as son as we can. You can always go to <a href="/">home page</a> instead.</p> <p>— Quadro Team</p> </div> </article> </section> </body>
</html>