<?php
/**
 * Single post partial template
 *
 * @package Wrock Metro
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>

<div class="bg-purple">
        
        <div class="stars">
           
            <div class="central-body">
			<header class="page-header">
				<h1 class="page-title"><?php esc_html_e( '404 Error', 'wrock-metro' ); ?></h1>
			</header><!-- .page-header -->
			<p><?php esc_html_e( 'Looks Like You Lost In Space', 'wrock-metro' ); ?></p>
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="btn-go-home" target="_blank"><?php esc_html_e( 'Back To Homepage', 'wrock-metro' ); ?></a>
            </div>
            <div class="objects">
                <img class="object_rocket" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/svg/rocket.svg" alt="Rocket" width="40px">
				
			
                <div class="earth-moon">
                    <img class="object_earth" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/svg/earth.svg" alt="Earth" width="100px">
                    <img class="object_moon" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/svg/moon.svg" alt="moon" width="80px">
                </div>
                <div class="box_astronaut">
                    <img class="object_astronaut" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/svg/astronaut.svg" alt="astronaut" width="140px">
                </div>
            </div>
            <div class="glowing_stars">
                <div class="star"></div>
                <div class="star"></div>
                <div class="star"></div>
                <div class="star"></div>
                <div class="star"></div>

            </div>

        </div>

    </div>