CINXE.COM
Not Found
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Not Found</title> <!-- Google font --> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900" rel="stylesheet"> <!-- Custom stlylesheet --> <style> * { -webkit-box-sizing: border-box; box-sizing: border-box; } body { padding: 0; margin: 0; } #notfound { position: relative; height: 100vh; } #notfound .notfound { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .notfound { max-width: 410px; width: 100%; text-align: center; } .notfound .notfound-404 { height: 280px; position: relative; z-index: -1; } .notfound .notfound-404 h1 { font-family: 'Montserrat', sans-serif; font-size: 230px; margin: 0px; font-weight: 900; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url('/assets/img/bg3.jpg') no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: cover; background-position: center; } .notfound h2 { font-family: 'Montserrat', sans-serif; color: #000; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-top: 0; } .notfound p { font-family: 'Montserrat', sans-serif; color: #000; font-size: 14px; font-weight: 400; margin-bottom: 20px; margin-top: 0px; } .notfound a { font-family: 'Montserrat', sans-serif; font-size: 14px; text-decoration: none; text-transform: uppercase; background: #ef4837; display: inline-block; padding: 15px 30px; border-radius: 40px; color: #fff; font-weight: 700; -webkit-box-shadow: 0px 4px 15px -5px #ef4837; box-shadow: 0px 4px 15px -5px #ef4837; } @media only screen and (max-width: 767px) { .notfound .notfound-404 { height: 142px; } .notfound .notfound-404 h1 { font-size: 112px; } } </style> </head> <body> <div id="notfound"> <div class="notfound"> <div class="notfound-404"> <h1>Oops!</h1> </div> <h2>404 - Not Found</h2> <p>The page you are looking for might have been removed had its name changed or is temporarily unavailable. </p> <a href="https://corvusglobalevents.com">Go To Homepage</a> </div> </div> </body> </html>