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

?>
<?php get_header(); ?>
<main id="main" class="site-main" role="main">
    <div class="error-holder">
        <?php 
        // Check if custom 404 image is set
        $graphic_design_portfolio_image_url = get_theme_mod('graphic_design_portfolio_404_page_image', '');
        if ($graphic_design_portfolio_image_url) : ?>
            <img src="<?php echo esc_url($graphic_design_portfolio_image_url); ?>">
        <?php endif; ?>
        	<h1><?php echo esc_html(get_theme_mod('graphic_design_portfolio_404_pagefirst_header', __('404', 'graphic-design-portfolio'))); ?></h1>
			<h2><?php echo esc_html(get_theme_mod('graphic_design_portfolio_404_page_header', __('Sorry, that page can\'t be found!', 'graphic-design-portfolio'))); ?></h2>

        <p class="btn-green mt-3 mb-0">
            <a href="<?php echo esc_url(home_url('/')); ?>"><?php esc_html_e('Homepage', 'graphic-design-portfolio'); ?></a>
        </p>
    </div>
</main>

<?php get_footer(); ?>
<?php