CINXE.COM
Oops!
<!DOCTYPE html> <html> <head> <title>Oops!</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8"> <link rel="icon" type="image/png" href="/assets/favicon.png" /> <link rel="icon" type="image/ico" href="/assets/favicon.ico" /> <style> body { margin: 0; padding: 0; font-family: 'Helvetica Neue', Helvetica, Arial, san-serif; background: #f7f7f7; } .page-wrapper { width: 100%; margin: 0 auto; } .background-wrapper { background: transparent url('/assets/extole-background-tile.png') left top no-repeat; background-size: contain; height: 600px; display: flex; align-items: center; text-align: center; } .content-wrapper { width: 90%; margin: 0 auto; } img { width: 100%; height: auto; display: block; max-width: 120px; margin: 0 auto 20px; } h1 { color: #222; font-size: 36px; margin: 0; } p { color: #777; font-size: 21px; margin: 15px 0; line-height: 1.4; } </style> </head> <body> <div class="page-wrapper"> <div class="background-wrapper"> <div class="content-wrapper"> <img src="/assets/extole-logomark.svg" alt="Extole Logomark"> <h1>Oops!</h1> <p>Looks like this page is not what<br>you were expecting.</p> </div> </div> </div> </body> </html>