<?php
/**
 * The template for displaying 404 pages (not found)
 * @package Elegant Jewellery
 */
get_header();

$elegant_jewellery_default = elegant_jewellery_get_default_theme_options();

?>
    <div class="header-image-box text-center">
        <div class="header-image-box-inner">
            <h1><?php esc_html_e('404 Error!','elegant-jewellery'); ?></h1>
        </div>
    </div>
    <div class="singular-main-block">
        <section class="theme-custom-block theme-error-section error-block-heading">
            <div class="wrapper">
                <div class="theme-area-header">
                    <div class="theme-area-headlines">
                        <?php 
                            $elegant_jewellery_404_main_title = get_theme_mod( 'elegant_jewellery_404_main_title', $elegant_jewellery_default['elegant_jewellery_404_main_title'] ); 
                        ?>
                        <h2 class="theme-area-title"><?php echo esc_html( $elegant_jewellery_404_main_title ); ?></h2>
                        <div class="theme-animated-line"></div>
                    </div>
                </div>
            </div>
        </section>
        <section class="theme-custom-block theme-error-sectiontheme-error-section error-block-middle">
            <div class="wrapper">
                <div class="column-row">
                    <div class="column column-12">
                        <?php 
                            $elegant_jewellery_404_subtitle_one = get_theme_mod( 'elegant_jewellery_404_subtitle_one', $elegant_jewellery_default['elegant_jewellery_404_subtitle_one'] ); 
                        ?>
                        <h2><?php echo esc_html( $elegant_jewellery_404_subtitle_one ); ?></h2>
                        
                        <?php 
                            $elegant_jewellery_404_para_one = get_theme_mod( 'elegant_jewellery_404_para_one', $elegant_jewellery_default['elegant_jewellery_404_para_one'] ); 
                        ?>
                        <p><?php echo esc_html( $elegant_jewellery_404_para_one ); ?> 
                            <a href="<?php echo esc_url( home_url() ); ?>"><?php esc_html_e('Homepage','elegant-jewellery'); ?></a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="wrapper">
                <div class="column-row">
                    <div class="column column-12">
                        <?php 
                            $elegant_jewellery_404_subtitle_two = get_theme_mod( 'elegant_jewellery_404_subtitle_two', $elegant_jewellery_default['elegant_jewellery_404_subtitle_two'] ); 
                        ?>
                        <h2><?php echo esc_html( $elegant_jewellery_404_subtitle_two ); ?></h2>
                        
                        <?php 
                            $elegant_jewellery_404_para_two = get_theme_mod( 'elegant_jewellery_404_para_two', $elegant_jewellery_default['elegant_jewellery_404_para_two'] ); 
                        ?>
                        <p><?php echo esc_html( $elegant_jewellery_404_para_two ); ?></p>
                    </div>
                </div>
            </div>
        </section>
    </div>

<?php
get_footer();