404.html

---
layout: default
---
<!-- Hero card -->
<div class="relative pb-10 pt-10">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="relative shadow-xl sm:rounded-2xl sm:overflow-hidden">
            <div class="absolute inset-0">
                <img class="h-full w-full object-cover"
                    src="/assets/media/coding_desk_flat_vector_design_illustration_motion_animation.gif"
                    alt="Background images">
            </div>
            <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8">
                <h1 class="text-center text-5xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl text-white">
                    Woops...
                </h1>
                <p class="mt-6 max-w-lg mx-auto text-center text-2xl text-white sm:max-w-3xl">
                    The classic 404, well you know what to do.
                </p>
            </div>
        </div>
    </div>
</div>