add error pages

hub/services/templates/400.html

@@ -0,0 +1,20 @@
+{% extends 'services/base.html' %}
+{% load static %}
+
+{% block title %}Bad Request (400){% 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">400</h1>
+                <h2 class="fs-24 fw-semibold mb-16">Bad Request</h2>
+                <p class="fs-19 text-gray-500 mb-24">Sorry, your request contains invalid syntax and cannot be fulfilled.</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 %}

hub/services/templates/404.html

@@ -0,0 +1,20 @@
+{% extends 'services/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 %}

hub/services/templates/500.html

@@ -0,0 +1,20 @@
+{% extends 'services/base.html' %}
+{% load static %}
+
+{% block title %}Server Error (500){% 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">500</h1>
+                <h2 class="fs-24 fw-semibold mb-16">Server Error</h2>
+                <p class="fs-19 text-gray-500 mb-24">Sorry, something went wrong on our server. Our team has been notified.</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 %}

hub/services/views/errors.py

@@ -0,0 +1,16 @@
+from django.shortcuts import render
+
+
+def bad_request(request, exception):
+    """400 error handler"""
+    return render(request, "400.html", status=400)
+
+
+def page_not_found(request, exception):
+    """404 error handler"""
+    return render(request, "404.html", status=404)
+
+
+def server_error(request):
+    """500 error handler"""
+    return render(request, "500.html", status=500)