Page Not Found

Oops, we couldn’t find that page

The page you requested is no longer available or has been moved. Try one of the options below.

@import url("/template/basic-library/section/404/404-five/raw/styles.css");

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-lg pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div class="grid sm:grid-cols-2 gap-8">
      <div
        class="overflow-hidden h-80 rounded-lg bg-gray-100 shadow-lg md:h-auto"
      >
        <img
          src="https://images.unsplash.com/photo-1626790680787-de5e9a07bcf2?auto=format&amp;q=75&amp;fit=crop&amp;w=600"
          loading="lazy"
          alt="Photo by Theo Crazzolara"
          class="h-full w-full object-cover object-center"
        />
      </div>
      <div
        class="flex flex-col items-center justify-center sm:items-start md:pt-24 md:pb-24 md:py-24 lg:pt-32 lg:pb-32 lg:py-32"
      >
        <p
          class="uppercase mb-4 text-sm font-semibold text-indigo-500 md:text-base"
        >
          Page Not Found
        </p>
        <h1
          class="mb-2 text-center text-2xl font-bold text-gray-800 sm:text-left md:text-3xl"
        >
          Oops, we couldn&#x2019;t find that page
        </h1>
        <p
          class="mb-4 text-center text-gray-500 sm:text-left md:mb-8 md:text-lg"
        >
          The page you requested is no longer available or has been moved. Try
          one of the options below.
        </p>
        <nav class="sm:block sm:space-y-1 md:space-y-2 flex gap-4">
          <div class>
            <a
              href="#"
              class="inline-block transition duration-100 active:text-indigo-700 text-sm text-indigo-500 hover:text-indigo-600 md:text-base"
            >
              Return to Home
            </a>
          </div>
          <div class>
            <a
              href="#"
              class="inline-block transition duration-100 active:text-indigo-700 text-sm text-indigo-500 hover:text-indigo-600 md:text-base"
            >
              Browse Products
            </a>
          </div>
          <div class>
            <a
              href="#"
              class="inline-block transition duration-100 active:text-indigo-700 text-sm text-indigo-500 hover:text-indigo-600 md:text-base"
            >
              Contact Support
            </a>
          </div>
        </nav>
      </div>
    </div>
  </div>
</div>