404.html

---
layout: container
title: Page Not Found
permalink: /404.html
---

<div id="loading" class="container push-top" style="display: none;">
  <div class="col-xs-12 push-bottom">
    <h1 class="text-lowercase page-header">Please wait</h1>
    <h2 class="tagline push-bottom">You are being redirected...</h2>
  </div>
</div>

<div id="oops" class="container push-top" style="display: none;">
  <div class="col-xs-12">
    <h1 class="text-lowercase page-header">Oops</h1>
    <h2 class="tagline push-bottom">We're sorry. This page doesn't seem to exist.</h2>
  </div>
  <div class="col-sm-6">
    <a class="full-width btn btn-primary" href="/search" data-automation-id="404-search-button">Search Crossroads.net</a>
    <p class="push-top">
      <strong>Still need help?</strong>
      <br />Browse our
      <a href="/help">help section</a>,
      <a href='m&#97;&#105;lto&#58;websu&#112;po&#114;&#116;&#64;%&#54;3&#114;os&#37;73r&#111;%&#54;1ds%2E&#110;et'>email
        us</a> or give us a call at 513‑731‑7400.
    </p>
  </div>

  <div class="col-sm-6 mobile-push-top">
    <img class="img-responsive imgix-fluid full-width" title="404 Page Not Found Crossroads Coffee Cup" src="//crds-media.imgix.net/5w9XSbsrcsi95lNX7bBOGH/882cd2a9d5158fd51eaa26500220541f/coffee-cup-rebrand.png?auto=compress,format"
      alt="Page not found!">
  </div>
</div>

<script>
  (function(){
    const params = new Proxy(new URLSearchParams(window.location.search), {
      get: (searchParams, prop) => searchParams.get(prop),
    });
    let redirectUrl = params.redirectUrl;
    if (redirectUrl) {
      $('#loading').show();
      setTimeout(function(){
        window.location.replace('https://www.crossroads.net/signin/?redirectUrl=' + redirectUrl);
      }, 2000)
    } else {
      $('#oops').show();
    }
  })()
  </script>