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

get_header();
?>
<?php $header_image_url = get_header_image(); // Retrieve the default header image

// If the header image is not set, use a fallback
if (!$header_image_url) {
	$header_image_url = get_template_directory_uri() . '/images/bg.jpg';
	// Default image URL
} ?>
<div class="parallax-blog" data-overlay-dark="4" style="background-image: url(<?php echo esc_url($header_image_url); ?>);"> </div>
	<div id="primary" class="blog section">
	<div class="container">        
            <div class="row">
                <div class="col-lg-12">

				 <!-- Title
				 <div class="text-center">
                    <div class="spacer spacer4"></div>
                        <h1 class="title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'spiral-lite-one-page' ); ?></h1>
                        <div class="icon"><i class="fa fa-exclamation-circle"></i></div>
                        <h2 class="subtitle"><?php esc_html_e( 'It looks like nothing was found at this location.', 'spiral-lite-one-page' ); ?></h2>
						<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'spiral-lite-one-page' ); ?></p>  
                        <div class="spacer spacer2"></div>                  
                    </div>--> <!-- End Title -->


		<section class="error-404 not-found">
			<header class="page-header">
				<h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'spiral-lite-one-page' ); ?></h1>
			</header><!-- .page-header -->

			<div class="page-content">
				<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'spiral-lite-one-page' ); ?></p>

					<?php
					get_search_form();
                    ?>
					

			</div><!-- .page-content -->
		</section><!-- .error-404 -->

		</div><!-- end column -->
		</div><!-- end row -->
	   </div><!-- end Container -->
    </div><!-- end Section -->

<?php
get_footer();
