404 Section - JS + CSS

404 Section

Contoh Penggunaan

404: Halaman Tidak Ditemukan

Maaf, halaman yang Anda cari tidak tersedia. Halaman tersebut mungkin telah dipindahkan atau tidak lagi dapat diakses.

<div class="flex flex-col items-center gap-4 lg:gap-6 p-4">
  <img src={illustrasiImage} alt="Illustrasi 404 Section Centered" />
  <div class="flex flex-col items-center gap-2 lg:gap-4 max-w-md">
    <div class="space-y-1 lg:space-y-2">
      <h3 class="sm:text-sm md:text-base lg:text-lg font-semibold mb-4 text-center">
        404: Halaman Tidak Ditemukan
      </h3>
      <p class="text-xs text-center">
        Maaf, halaman yang Anda cari tidak tersedia. Halaman tersebut mungkin telah dipindahkan atau
        tidak lagi dapat diakses.
      </p>
    </div>
    <button type="button" class="ina-button ina-button--secondary ina-button--md">
      Back to Home
    </button>
  </div>
</div>