CINXE.COM
404 Error Page
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="preconnect" href="https://fonts.gstatic.com" /> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="/errorpages/assets/css/ds-core.css" /> <link rel="stylesheet" type="text/css" href="/errorpages/assets/css/button.css" /> <link rel="stylesheet" type="text/css" href="/errorpages/assets/css/nav.css" /> <title>404 Error Page</title> <style> .error-number { font-size: 86px; } .error-pagenotfound { color: #557aed; font-size: 30px; } @media only screen and (max-width: 600px) { .error-message { text-align: -webkit-center; } .error-image { width: 324px !important; height: 199px !important; } } </style> </head> <body> <!-- Start PIWIK --> <!-- End PIWIK --> <div class="page-container"> <header> <div class="nav_container gray-200"> <div class="nav-bar"> <div id="logo" class="logo-container error"> <!-- UPDATE LOGO IMAGE HERE--> <img src="/errorpages/assets/logos/odhe_logo.png" style="width: 165px; height: auto" alt="Ohio Department of Higher Education logo" /> </div> </div> </div> </header> <main style="display: contents"> <section class="height-full mtb-auto"> <div class="content-band flex align-center justify-center max-w800"> <div class="container basis-50 max-w500 flex align-center justify-center" > <img src="/errorpages/assets/images/error-404.png" style="width: 384px; height: 239px" class="error-image" alt="Error 404 Image" /> </div> <div class="container flex justify-center align-center basis-50 error-message" > <div class="container max-w300"> <h1 class="font-iop-blue error-number light">404</h1> <div class="error-pagenotfound">Page not found</div> <p class="max-w300"> The link you followed may be outdated or the page may have moved. </p> <!-- UPDATE HOME URL HERE--> <a href="https://highered.ohio.gov" class="iop-drk-blue mt-30 rounded-full hover-white hover-shadow hover-font-blue ohio-button" > <div class="btn-txt font-white">Return Home</div> </a> </div> </div> </div> </section> </main> <div class="container flex justify-center align-center gray-200" style="height: 120px" > <div> <img src="/errorpages/assets/logos/iop-logo-gray.png" alt="Innovate Ohio Platform Logo" /> </div> </div> </div> </body> </html>