{% extends "base.html" %}
{% load static %}
{% block title %}404 · {{ SITE_NAME }}{% endblock %}
{% block body %}
<div class="page">
  <section class="section section-single bg-gray-800 primary-overlay" style="background-image: url({% static 'images/bg-image-7.jpg' %});">
    <div class="section-single-inner">
      <div class="section-single-dummy"></div>
      <div class="section-single-main">
        <div class="container">
          <div class="row row-30">
            <div class="col-sm-6 text-center text-sm-left">
              <p class="text-extra-large">404</p>
            </div>
            <div class="col-sm-6">
              <div class="section-single-main-content">
                <h6 class="title-decorated title-decorated-lg">Page not found</h6>
                <p><span class="text-width-2">That page may have moved or the link is outdated. Let’s get you back on track.</span></p>
                <a class="button button-lg button-primary button-winona" href="{% url 'public:home' %}">Back to home</a>
                <a class="button button-lg button-default-outline button-winona" href="{% url 'public:contact' %}" style="margin-left:8px">Contact Monica</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-minimal section-single-footer">
        <div class="container">
          <div class="footer-minimal-inner">
            <a class="brand" href="{% url 'public:home' %}">
              <img src="{% static 'brand/exit_logo.png' %}" alt="EXIT Realty · {{ SITE_NAME }}" width="151" height="44"/>
            </a>
            <div class="footer-aside-copy" style="text-align:left">
              <p class="rights">
                <span>&copy;&nbsp;</span><span>{% now "Y" %}</span><span>&nbsp;</span><span>{{ SITE_NAME }} · MKDRealtor.com</span>
              </p>
              <p class="footer-made-by">
                Made by <a href="{{ CREDIT_URL }}" target="_blank" rel="noopener noreferrer">{{ CREDIT_NAME }}</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
{% endblock %}