CINXE.COM
500 Server Error
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>500 Server Error</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <style type="text/css"> body { background: #000; color: #FFF; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; position: relative; width: 100vw; height: 100vh; overflow: hidden; } .error-back { z-index: -1; bottom: -120px; left: 0; position: absolute; font-size: 600px; font-weight: 100; opacity: 0.1; } .content-block { position: absolute; top:25%; left: 50%; transform: translateX(-50%); } .content-block h1 { font-size: 86px; font-weight: 800; text-transform: uppercase; margin: 0; padding: 0; } .content-block p { font-size: 34px; font-weight: 500; margin: 0; padding: 0; } .content-block p span { display: block; } .logo { position: absolute; top:0; right: 65px; } .logo svg { width: 200px; height: 100px; } @media only screen and (max-width: 768px) { .content-block { width: 85%; } .content-block h1 { font-size: 46px } .content-block p { font-size: 28px } .content-block p span { display: inline; } .logo { top:0; right: 50%; transform: translateX(50%); } .error-back { display: none; } } </style> </head> <body> <div class="content-block"> <h1>500 Error</h1> <p>Something is wrong with our server. <span>Give us a bit and we'll get it sorted.</span></p> </div><!-- /.content-block --> <div class="error-back">500</div> </body> </html>