<?php
/*
* The template for displaying 404 page
*/
get_header(); ?>

	<?php
		/*====== Customizer Settings ======*/
		$skin = get_theme_mod( 'loquet_404_page_skin', 'dark' );
		$align = get_theme_mod( 'loquet_404_page_alignment', 'center' );

		/*====== HTML Output ======*/
		echo '<div class="gt-404-page gt-style-1 gt-align-' . esc_attr( $align ) . ' gt-' . esc_attr( $skin ) . '">';
			echo '<div class="gt-container">';
				echo '<div class="gt-content-wrapper">';
					echo '<div class="gt-content">';
						echo '<h1>' . esc_html__( '404', 'loquet' ) . '</h1>';
						echo '<h2>' . esc_html__( 'Page Not Found', 'loquet' ) . '</h2>';
						echo wpautop( esc_html__( 'It looks like nothing was found at this location. Maybe try to search for what you are looking for?', 'loquet' ) );
						echo '<div class="gt-button gt-inline-block gt-style-4 gt-' . esc_attr( $skin ) . '">';
							echo '<a href="' . esc_url( home_url( '/' ) ) . '">';
								echo esc_html__( 'Back to Homepage', 'loquet' );
							echo '</a>';
						echo '</div>';
					echo '</div>';
				echo '</div>';
			echo '</div>';
		echo '</div>';
	?>

<?php get_footer();