<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package Feminine_Lifestyle_Blog
 */
$error_image = get_theme_mod( 'error_show_image' );
$img_class = !$error_image ? ' no-image-404' : '';
get_header(); ?>

    <div class="container">
        <section class="error-404 not-found <?php echo esc_attr( $img_class );?>">
            <div class="error-404-content-wrapper">
                <div class="error404-grid">
                    <?php if( $error_image ) { ?>
                        <figure class="error-img">
                            <img src="<?php echo esc_url( $error_image ); ?>">
                        </figure>
                    <?php } ?>
                    <div class="page-content">
                        <span class="error404-text"><?php esc_html_e( '404 Error', 'feminine-lifestyle-blog' ); ?></span>
                        <h1 class="page-title"><?php esc_html_e( 'Page Not Found!', 'feminine-lifestyle-blog' );?></h1>
                        <p><?php esc_html_e('The page you are looking for my have been moved, deleted, or possibly never existed.', 'feminine-lifestyle-blog' ); ?></p>
                        <a class="primary-btn"
                            href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php esc_html_e( 'TAKE ME TO HOMEPAGE', 'feminine-lifestyle-blog' ); ?>
                        </a>
                        <div class="error-404-search">
                            <?php get_search_form(); ?>
                        </div>
                    </div><!-- .page-content -->
                </div>
            </div>
        </section><!-- .error-404 -->
    </div>
    <div class="container">
        <div class="page-grid">
            <div id="primary" class="content-area">
                <?php
                /**
                 * @see feminine_lifestyle_blog_latest_posts
                */
                do_action( 'feminine_lifestyle_blog_latest_posts' ); ?>
            </div><!-- #primary -->
        </div>
    </div>
<?php
get_footer();