CINXE.COM
500
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link href="../Content/bootstrap.min.css" rel="stylesheet" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,900;1,100;1,200;1,300;1,400;1,500;1,600&display=swap" rel="stylesheet"> <title>500</title> <style> p { font-size: 16px; font-style: italic; font-weight: normal; outline: none !important; -webkit-appearance: none; font-family: 'Raleway', sans-serif; margin-bottom: 30px; } h1 { margin: auto; font-size: 50px; padding-bottom: 0; margin-bottom: 30px; font-weight: bold; line-height: 60px; font-family: 'Raleway', sans-serif; font-weight: 600; } .sub-title { font-family: 'Raleway', sans-serif; border-bottom: none; font-weight: 500; line-height: 1.2; margin-bottom: 0; display: block; width: 100%; font-size: 30px; padding-bottom: 39px; font-style: inherit; } .container { height: 100vh; } .container:after { content: ""; display: block; height: 100%; width: 430px; background-image: url(https://talos360.co.uk/wp-content/themes/Talos360/img/left-rainbow-image-icon-background-image.png); background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; z-index: -1; } .align-self-center { text-align: center; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 750px; } .homepage { color: #212529 !important; border: 1px solid #212529 !important; background: white !important; display: inline-block; font-size: 16px; font-weight: bold; height: 45px; padding: 10px 30px; min-width: 167px; text-align: center; border-radius: 25px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%); } </style> </head> <body> <main> <div class="container"> <div class="row"> <div class="col-md-12 align-self-center"> <div cass="panel"> <h1>500</h1> <p class="sub-title">Oops, something went wrong.</p> <p> How you got here is a mystery. But you can click the button below to go to our Careers Page. </p> <button class="btn homepage" onclick="visitPage();">Careers Home</button> </div> </div> </div> </div> </main> <script> function visitPage() { var currentURL = (document.URL); var part = currentURL.split("/")[2]; window.location = "https://" + part; } </script> </body> </html>