<?php
get_header(); ?>

    <div id="primary" class="content">
        <main id="main" class="site-main">
            <div class="error-404 not-found">
                <div class="page-content">
                    <div class="error-content">
                        <header class="page-header">
                            <h1 class="title"><?php esc_html_e('404', 'bikys'); ?></h1>
                        </header><!-- .page-header -->
                        <div class="error-img404">
                            <img src="<?php echo get_theme_file_uri('assets/images/404/404-image.png') ?>"
                                 alt="<?php echo esc_attr__('404 Page', 'bikys'); ?>">
                        </div>
                        <div class="error-text">
                            <span><?php esc_html_e('We can’t find the page your are looking for', 'bikys') ?></span>
                        </div>
                        <div class="button-error">
                            <a href="javascript: history.go(-1)" class="go-back">
                                <span class="button-error-content-wrapper">
                                    <span class="button-error-text"><?php esc_html_e('Back To Home', 'bikys'); ?></span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div><!-- .page-content -->
            </div><!-- .error-404 -->
        </main><!-- #main -->
    </div><!-- #primary -->
<?php

get_footer();
