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

get_header();
	$SITE = site_url();
?>
		<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

			<!-- HERO -->
			<section class="hero" data-section="hero"
				style="background: url(<?php echo $SITE; ?>/static/images/hero-event-city.jpg) center center/cover; height: 50vh !important;">
				<img src="/worktech/shared/images/hero-logo.svg" alt="CW" class="hero__logo">
				<img src="<?php echo $SITE; ?>/static/images/hero-event-text.svg" alt="Worktech 22" class="hero__event"> 
			</section>
			<div style="width:100%; height:10vh"></div>
			<section data-section="404">
				<div class="section__text">
					<h2>La URL que buscas no existe o ha dejado de estar publicada</h2>
					<p>Regresa al inicio cliqueando <a href='<?php echo $SITE; ?>' style="color:#000">aquí</a></p> 
				</div> 
			</section>
			<div style="width:100%; height:10vh"></div>
			<hr class="wp-block-separator has-alpha-channel-opacity">			 

		</article><!-- #post-<?php the_ID(); ?> -->
<?php
get_footer();
