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

{% block content %}
<!-- 404 Error Content Start -->
<section class="vh-60 d-flex align-items-center bg-light">
    <div class="container text-center py-5">
    <div class="row justify-content-center">
        <div class="col-md-4">
            <h1 class="display-1 fw-bold text-primary">404</h1>
            <div class="mb-4">
                
            </div>
            <h2 class="fw-bold">Bhai, Rasta Bhatak Gaye Kya?</h2>
            <p class="text-muted mb-4">
                Jo Page aap dhoond rahe hain woh shayad videsh 🛩️ udd gaya hai ya shayad kabhi tha hi nahi. 
                Chinta mat kijiye, hum aapko wapas sahi raste par le chalte hain.
            </p>
             <strong class="text-primary mb-4">The page you're looking for may have moved ✈️ abroad or may never have existed.
                                                Don't worry, we'll get you back on track.</strong>
            <hr>
            <a href="{% url 'home' %}" class="btn btn-primary btn-lg rounded-pill px-5 shadow">
                <i class="fas fa-home me-2"></i> Home Par Chalein ?
            </a>
        </div>
    </div>
</div>
</section>
<!-- 404 Error Content End -->

{% endblock %}