404.php

<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package castpress
 */
get_header();
?>

<main id="primary" class="c-main">
    <section class="c-main__error c-main__error--error error-404 not-found">
        <header class="c-main__page-header">
            <h1 class="c-main__page-title">
                <?php esc_html_e( '404', 'castpress' ); ?>
            </h1>
        </header><!-- .page-header -->
        
        <div class="c-main__page-content">
            <h1 class="c-main__title">
                <?php esc_html_e( 'Page not found!', 'castpress' ); ?>
            </h1>

            <p class="c-main__desc h3 c-main__desc--404">
                <?php esc_html_e( 'This page not found (deleted or never exists).', 'castpress' ); ?>
                <br />
                <?php esc_html_e( 'Try a phrase in search box or back to home and start again.', 'castpress' ); ?>
            </p>

            <div class="c-main__search c-main__search--404">
                <div class="c-main__search-form">
                    <?php get_search_form(); ?>
                </div>
            </div>

            <a href=<?php echo esc_url( home_url() ); ?>>
                <button class="c-btn c-btn--error h5 u-font--regular">
                    <?php esc_html_e( 'HOMEPAGE', 'castpress' ); ?>
                    <span class="c-main__button-arrow dashicons dashicons-arrow-right-alt2"></span>
                </button>
            </a>
        </div><!-- .page-content -->
    </section><!-- .error-404 -->
</main><!-- #main -->
<?php
get_footer();