OCDE - Pattern Library v1.13.0

Page Not Found (404) 

<header data-dialog="inertcontainer">

    <h1 class="u-visuallyhidden" id="header-document">Program Finder</h1>

    <nav class="quicklinks" aria-label="quicklinks" data-menu="inertcontainer">
        <a href="#main">Go to page content</a>
    </nav>

    <div class="header l-containerxaxis">
        <a href="#">
            <svg>
                <use xlink:href="#icon-logo"></use>
            </svg>
        </a>
    </div>

</header>

<main id="main">

    <div data-dialog="inertcontainer">

        <header class="banner banner-404 l-containerxaxis">
            <div class="banner-x-text">
                <h2>Whoops!</h2>
                <h3>The page that you are looking for isn't located here.</h3>
                <div class="banner-x-homebutton">
                    <a href="#" class="button">Take Me Home</a>
                </div>
            </div>

        </header>

        <div class="">
        </div>

    </div>

    <!-- Dialog content here -->

</main>

<footer class="footer l-containerxaxis" data-dialog="inertcontainer" data-menu="inertcontainer">
    <div class="footer-x-inner">
        <div class="footer-x-leftcol">
            <div class="footer-x-sponsors">
                <span class="footer-x-sponsorslabel">Sponsors:</span>
                <span>LAOCRC</span>
                <span class="footer-x-bullet">•</span>
                <span>Orange County Regional Consortia</span>
            </div>
            <ul>
                <li>
                    <a href="#">Site Map</a>
                </li>
                <li>
                    <a href="#">Local Administrative Control Login</a>
                </li>
                <li>
                    <a href="#">Report a Problem</a>
                </li>
                <li>
                    Want to see your region in Program Finder? <a href="#">Contact us</a>
                </li>
                <li>
                    <a href="#">Resources</a>
                </li>
            </ul>
        </div>
        <div class="footer-x-rightcol">
            <img src="../../assets/images/footer-logo.svg" alt="California Community Colleges logo" width="272" height="34">
        </div>
    </div>
</footer>
 
<header data-dialog="inertcontainer">

  <h1 class="{{render '@u-visuallyhidden'}}" id="header-document">Program Finder</h1>

  {{render '@quicklinks'}}

  <div class="header {{render '@l-containerxaxis'}}">
    <a href="#">
      <svg>
        <use xlink:href="#icon-logo"></use>
      </svg>
    </a>
  </div>

</header>

<main id="main">

  <div data-dialog="inertcontainer">




    <header class="banner banner-404 l-containerxaxis">
      <div class="banner-x-text">
        <h2>Whoops!</h2>
        <h3>The page that you are looking for isn't located here.</h3>
        <div class="banner-x-homebutton">
          <a href="#" class="button">Take Me Home</a>
        </div>
      </div>

    </header>

    <div class="">
    </div>


  </div>

  <!-- Dialog content here -->

</main>

{{render '@footer'}}
 
/* No context defined. */

No notes defined.