SIA Web Design Library

Error page

No notes defined.

<section class='c-banner'>
    <div class='c-banner__content-wrapper'>

        <header class='c-section-header'>

            <p class='c-section-header__supra'><span>¯\_(ツ)_/¯</span></p>

            <h1 class='c-heading'>
                404, page not found
            </h1>

        </header>

        <div class='c-lead'>
            <p>We are sorry, the page you requested cannot be found. The URL may be misspelled or the page you're looking for is no longer available.</p>
        </div>
        <p class='c-banner__action'>
            <a class='c-link c-link--forward c-link--with-icon c-link--with-icon--reversed ' href="#" itemprop="item" itemid="#"><span itemprop="name">Go to our homepage</span></a>
        </p>
    </div>
</section>
 
{% include get_template( 'banner', 'unit' ) with banner %}
 
{
  "bodyclass": "p-screen-focused",
  "theme": "awareness",
  "wrapperClass": "r-page-content",
  "banner": {
    "header": {
      "supraheading": "¯\\_(ツ)_/¯",
      "heading": {
        "text": "404, page not found"
      }
    },
    "lead": {
      "content": "<p>We are sorry, the page you requested cannot be found. The URL may be misspelled or the page you're looking for is no longer available.</p>"
    },
    "link": {
      "text": "Go to our homepage",
      "href": "#"
    }
  }
}