{% extends "base.twig" %}

{% block content %}
   <section class="error-page">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-5 col-xl-4 offset-xl-2">
          <img src="{{ site.theme.link }}/frontend/img/404.png" alt="" class="error-page__img">
        </div>
        <div class="col-12 col-lg-5 offset-lg-1  col-xl-3">
          <h1 class="error-page__title">404</h1>
          <h2 class="h4 error-page__subtitle">Ups! Čini se da smo izgubili jednu stranicu :/</h2>
          <p>Stranica koju ste tražili, nažalost nije pronađena :(<br>
          Stranicu nije moguće pronaći jer je možda privremeno nedostupna, uklonjena ili joj je promijenjeno ime.</p>
          <p>Predlažemo da se vratite na Naslovnicu i pokušate ponovo.</p>
          <div class="btn-left">
            <a class="btn btn--uppercase" href="{{ site.url }}">Povratak na naslovnu</a>
          </div>
        </div>
      </div>
    </div>
  </section>
{% endblock %}