{% extends 'base.html' %}
{% load static %}

{% block title %}Page Not Found (404){% endblock %}

{% block content %}
<section class="section">
    <div class="container mx-auto px-20 px-lg-0 pt-80 pb-60">
        <div class="page-card">
            <div class="text-center">
                <h1 class="fs-50 fw-semibold lh-1 mb-24">404</h1>
                <h2 class="fs-24 fw-semibold mb-16">Page Not Found</h2>
                <p class="fs-19 text-gray-500 mb-24">Sorry, the page you are looking for does not exist or has been moved.</p>
                <img src="{% static "img/sir-vala-notext.png" %}" alt="sir vala mascot" class="img-fluid mb-4">
                <p><a href="{% url 'services:homepage' %}" class="btn btn-primary btn-lg">Return to Homepage</a></p>
            </div>
        </div>
    </div>
</section>
{% endblock %}