<?php
/**
  * Template Name: Page Not Found
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package WordPress
 */
get_header();
?>
<section class="businessBanner" style="background: url(<?php echo get_template_directory_uri();?>/images/business-banner.jpg) center center no-repeat">
    <div class="container">
        <h1><?php the_title();?> - 404 Error</h1>
    </div>
</section>

<section class="grantMidCont">
    <div class="container">
    	<div class="errorSection">
            <h4>Oops! This page can not be found.</h4>
            <p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try a search?', 'governmentgrantsus' ); ?></p>
                <div class="searchForm">
                  <?php get_search_form(); ?>              
                </div>
            <p><a href="<?php echo get_site_url(); ?>" class="backHome-btn"><< Back to Home</a></p>
        </div>
    </div>
</section> 

<style>
    .errorSection {text-align: center;}
    .search-field {padding: 6px 10px 6px 10px;margin-bottom: 15px;}
    .search-submit {padding: 6px 10px 6px 10px;}
    .backHome-btn {border-bottom: 1px solid #ccc;width: max-content;display: inline-block;}
</style>

<?php 
get_footer(); 
?>