404.html

<div class="bg-white py-6 sm:py-8 lg:py-12">
    <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
      <div class="flex flex-col items-center">
        <!-- logo - start -->
        <a href="/" class="text-black-800 mb-8 inline-flex items-center gap-2.5 text-2xl font-bold md:text-3xl" aria-label="logo">
            <img src="assets/img/logo_l_small_sq.png" width="94" />
        </a>
        <!-- logo - end -->
  
        <p class="mb-4 text-sm font-semibold uppercase text-primary-500 md:text-base">That’s a 404</p>
        <h1 class="mb-2 text-center text-2xl font-bold text-gray-800 md:text-3xl">Page not found</h1>
  
        <p class="mb-12 max-w-screen-md text-center text-gray-500 md:text-lg">The page you’re looking for doesn’t exist.</p>
  
        <a href="/" class="inline-block rounded-lg bg-gray-200 px-8 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-primary-300 transition duration-100 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base">Go home</a>
      </div>
    </div>
  </div>