CINXE.COM
404 - InYourArea.co.uk
<!DOCTYPE html> <html> <head> <!-- Global Site Tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-90879000-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-90879000-2'); </script> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>404 - InYourArea.co.uk</title> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="/assets/css/404/screen.css" /> </head> <body class="error-template"> <div class="site-wrapper"> <header class="main-header non-nav transparent-header"> <a href="index.html" title="" class="logo">InYourArea.co.uk</a> </header> <style> .error-template .site-main { padding: 24px 4px; display: flex; align-items: center; } .main-header a { background: url(https://www.inyourarea.co.uk/css/i/logo-InYourArea.svg) no-repeat; background-size: 100%; margin: 48px auto 0; display: block; width: 80px; height: 31px; -webkit-animation: slideDown .2s; animation: slideDown .2s; text-indent: -99999px; display: none; } body.error-template { background: #f4f8fb; background: #15b169 url(https://www.inyourarea.co.uk/css/i/404-bkg.png) no-repeat bottom right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .error-template .site-header { display: none; } .error-message img { max-width: 80px; margin: 0 auto; } @media (min-width: 580px) { .error-message img { max-width: 100px; margin: 0 auto; } } .error-message { text-align: center; color: #fff; } .error-code { opacity: 1; color: #fff; font-size: 41px; letter-spacing: 0; padding: 18px 0 0; } .error-description { color: #fff; font-size: 20px; } .error-link { display: inline-block; margin-top: 5px; color: #fff; font-size: 17px; } .error-message .news-postcode { background: rgba(0,0,0,0.1); padding: 24px 10px; border-radius: 8px; width: 100%; margin: 32px auto 18px; max-width: 500px; } @media (min-width: 580px) { .error-message .news-postcode { padding: 48px 24px; } } .error-message .news-postcode h2 { font-size: 24px; margin-top: 0; font-weight: 400; } .error-message .news-postcode h2 b { font-weight: 700; } .error-message .iya-postcode-search { position: relative; margin: 12px auto; transition: 800ms ease-in-out all; opacity: 1; width: 280px; } @media (min-width: 360px) { .error-message .iya-postcode-search { width: 340px; } } .error-message .iya-postcode-search input { color: #000; font-size: 14px; font-weight: 400; padding: 22px 90px 20px 10px; display: block; background: #fff; border-radius: 6px 8px 8px 6px;; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; text-align: center; box-shadow: 0px 0px 38px rgba(0,0,0,.20); width: 100%; margin: 0 auto; } .error-message .iya-postcode-search input:focus { color: #141414; outline: none; } .error-message .iya-postcode-search input[type=submit] { padding: 0; position: absolute; width: 80px; height: auto; top: 0px; bottom: 0px; right:0px; border-radius: 0 6px 6px 0; outline: 0; cursor: pointer; color: #fff; background: #3c3143; font-size: 18px; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none !important; } .error-message .iya-postcode-search input[type=submit]:hover { opacity: 0.85; } </style> <main id="site-main" class="site-main outer" role="main"> <div class="inner"> <section class="error-message"> <img src="https://www.inyourarea.co.uk/assets/svg/logo-InYourArea.svg"> <h1 class="error-code">404</h1> <p class="error-description">Page not found</p> <section class="news-postcode news-pos`tcode-bottom"> <h2>Get <b>live news</b> and<br> <b>information</b> near <b>you</b></h2> <script> function process() { var url="https://www.inyourarea.co.uk/feed/" + document.getElementById("url").value; location.href=url; return false; } </script> <form onSubmit="return process();" class="iya-postcode-search"> <input type="text" name="url" id="url" class="iya-postcode" placeholder="Enter your postcode"> <input type="submit" value="Go" class="iya-submit"> </form> </section> <a class="error-link" href="https://www.inyourarea.co.uk">Or go to the home page</a> </section> </div> </main> </div> </body> </html>