<?php
/**
 * The template for displaying 404 pages (not found)
 * @subpackage Multi Mobile App
 * @since 1.0
 * @version 0.1
 */

get_header(); ?>

<div class="container">
	<div id="primary" class="content-area">
		<main id="wp-toolbar" class="site-main" role="main">
			<section class="error-404 not-found">
				<header role="banner" class="page-header">
					<h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'multi-mobile-app' ); ?></h1>
					<div class="home-btn">
						<a href="<?php echo esc_url( home_url() ); ?>"><?php esc_html_e( 'Return to home page', 'multi-mobile-app' ); ?><span class="screen-reader-text"><?php esc_html_e( 'Return to home page', 'multi-mobile-app' ); ?></span></a>
					</div>
				</header>
				<div class="page-content">
					<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try a search?', 'multi-mobile-app' ); ?></p>
					<?php get_search_form(); ?>
				</div>
			</section>
		</main>
	</div>
</div>

<?php get_footer();