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

get_header();
?>
    <div class="sy-body">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 mb-3">
                    <div id="primary" style="background-color:rgb(41,41,41, 0.65); text-align:center!important;" class="content-area p-3 rounded">
                        <main id="main" class="site-main">

                            <section class="error-404 not-found">
                                <header class="page-header">
                                    <h1 class="page-title" style="text-align:center;"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'mangosm' ); ?></h1>
                                </header><!-- .page-header -->

                                <div class="page-content">
                                    <p><?php esc_html_e( 'It looks like nothing was found at this location. ', 'mangosm' ); ?></p>
                                    <img style="max-width:400px;" src="<?php echo get_template_directory_uri(); ?>/assets/images/404.webp" alt="<?php esc_attr_e( '404 Not Found', 'mangosm' ); ?>" style="max-width: 100%; height: auto;">
                                </div><!-- .page-content -->
                            </section><!-- .error-404 -->

                        </main><!-- #main -->
                    </div><!-- #primary -->
                </div>
                <div class="col-12 col-md-12 col-sm-12">
                    <?php get_sidebar(); ?>
                </div>
            </div>
        </div>
    </div>

<?php
get_footer();
