<?php
/**
 * The template for displaying the 404 template in the Twenty Twenty theme.
 *
 * @package Anada
 */

get_header();
?>

<!-- Start Breadcrumb 
============================================= -->
<div class="breadcrumb-area gradient-bg text-light text-center">
    <!-- Fixed BG -->
    <div class="fixed-bg" style="background-image: url(<?php echo get_template_directory_uri() . '/img/shape/1.png' ?>);"></div>
    <!-- Fixed BG -->
    <div class="container">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                <h1><?php esc_html_e('404 Error' , 'anada' ); ?></h1>
                <ul class="breadcrumb">
                    <li><a href="<?php echo esc_url(home_url('/')); ?>"><i class="fas fa-home"></i> <?php esc_html_e( 'Home', 'anada' )?></a></li>
                    <li class="active"><?php esc_html_e( 'Page Not Found', 'anada' )?></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- Start 404 
============================================= -->
<div class="error-page-area overflow-hidden default-padding">
    <!-- Shape Fixed Rotation -->
    <div class="shape">
        <img src="<?php echo get_template_directory_uri() . '/img/shape/4.png' ?>" alt="<?php echo esc_attr__( 'Thumb', 'anada' )?>">
    </div>
    <!-- Dhape Fixed Rotation -->
    <div class="container">
        <div class="row align-center">
            <div class="col-lg-6 thumb">
                <img src="<?php echo get_template_directory_uri() . '/img/illustration/11.png' ?>" alt="<?php echo esc_attr__( 'Thumb', 'anada' )?>">
            </div>
            <div class="col-lg-6">
                <div class="error-box">
                    <h1><?php esc_html_e ('404' , 'anada' ); ?></h1>
                    <h2><?php esc_html_e ('Sorry Page Was Not Found!' , 'anada' ); ?></h2>
                    <a class="btn circle btn-md btn-gradient" href="<?php echo esc_url(home_url('/')); ?>"><?php esc_html_e ('Back to Home' , 'anada' ); ?><i class="fas fa-plus"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End 404 -->

<?php
get_footer();