{% extends "base.twig" %}

{% block content %}
	<section class="error-section">
		<div class="container container--smaller">
			<div class="row error-section__wrap">
				<div class="error-section__content">
					<div class="text-gradient__wrap text-gradient__wrap--left">
						<h1 class="error-section__title h1 text-gradient"><span>Whoops...</span><br />It looks like something broke</h1>
					</div>
					<p class="h2">The page you are looking for might have been removed, has changed its name, or is temporarily unavailable.</p>
					<a href="{{ site.link  }}" class="btn btn--primary">Back to the homepage</a>
				</div>
				<div class="error-section__image">
					<img src="{{ site.theme.link }}/frontend/img/404.png" alt="hockey sticks" />
				</div>
			</div>
		</div>
	</section>
{% endblock %}