Oops! Something went wrong.

We couldn’t find the page

It appears the page you are looking for has been moved or deleted. Let’s get you back to where you need to go.

Return to Homepage

@import url("/template/basic-library/section/404/404-two/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="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"
        >
          Oops! Something went wrong.
        </p>
        <h1
          class="mb-2 text-center text-2xl font-bold text-gray-800 sm:text-left md:text-3xl"
        >
          We couldn&#x2019;t find the page
        </h1>
        <p class="mb-8 text-center text-gray-500 sm:text-left md:text-lg">
          It appears the page you are looking for has been moved or deleted.
          Let&#x2019;s get you back to where you need to go.
        </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 Homepage
        </a>
      </div>
      <div
        class="relative overflow-hidden h-80 rounded-lg bg-gray-100 shadow-lg md:h-auto"
      >
        <img
          src="https://images.unsplash.com/photo-1590642916589-592bca10dfbf?auto=format&amp;q=75&amp;fit=crop&amp;w=600"
          loading="lazy"
          alt="Photo by @heydevn"
          class="absolute inset-0 h-full w-full object-cover object-center"
        />
      </div>
    </div>
  </div>
</div>