Page Not Found

We couldn't find the page you're looking for. It might have been moved or deleted.

Return to Home

@import url("/template/basic-library/section/404/404-four/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-2xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div
      class="relative overflow-hidden ml-auto mr-auto mx-auto flex h-96 w-full items-center justify-center rounded-lg bg-gray-100 shadow-lg sm:w-96"
    >
      <img
        src="https://images.unsplash.com/photo-1530651788726-1dbf58eeef1f?auto=format&amp;q=75&amp;fit=crop&amp;w=600"
        loading="lazy"
        alt="Photo by Connor Botts"
        class="absolute inset-0 h-full w-full object-cover object-center"
      />
      <div
        class="relative flex flex-col items-center justify-center pt-8 pr-8 pb-8 pl-8 md:pt-16 md:pr-16 md:pb-16 md:pl-16"
      >
        <h1
          class="mb-2 text-center text-2xl font-bold text-white md:text-3xl lg:text-4xl"
        >
          Page Not Found
        </h1>
        <p class="mb-8 text-center text-gray-200 md:text-lg">
          We couldn&apos;t find the page you&apos;re looking for. It might have
          been moved or deleted.
        </p>
        <a
          href="#"
          class="inline-block transition duration-100 active:text-gray-700 rounded-lg bg-gray-200 pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 hover:bg-gray-300 focus-visible:ring md:text-base"
        >
          Return to Home
        </a>
      </div>
    </div>
  </div>
</div>