<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @package purenote
 */

get_header();

/**
 * hook - purenote_before_page_post_content
 */
do_action( 'purenote_before_page_post_content' );
?>

<div class="archive-page page-content-wrapper">
    <div class="purenote-container">
        
        <main id="primary" class="site-main">

            <section class="error-404 not-found">

                <div class="error-container">
                    <span>4</span>
                    <span><span class="screen-reader-text">0</span></span>
                    <span>4</span>
                </div>

                <header class="page-header">
                    <h1 class="page-title">
                        <?php esc_html_e( 'Oops! That page can’t be found.', 'purenote' ); ?>
                    </h1>
                </header>

                <div class="page-content">
                    <p>
                        <?php esc_html_e( 'It looks like nothing was found at this location. Maybe try a search?', 'purenote' ); ?>
                    </p>

                    <?php get_search_form(); ?>
                </div>

            </section><!-- .error-404 -->

        </main><!-- #primary -->

    </div><!-- .purenote-container -->
</div><!-- .page-content-wrapper -->

<?php
/**
 * hook - purenote_after_page_post_content
 */
do_action( 'purenote_after_page_post_content' );

get_footer();
