Beaver-Blog/404.html at main · Beaver-Notes/Beaver-Blog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
---
title: 404 - Page Not Found
permalink: /404.html
---

<!DOCTYPE html>
<html lang="en">
  {% include head.html %}
  <body class="bg-white text-gray-800 dark:bg-neutral-800">
    <main
      class="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8"
    >
      <div class="text-center">
        <p class="text-5xl sm:text-7xl font-semibold text-amber-500">404</p>
        <h1
          class="mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl"
        >
          Page not found
        </h1>
        <p
          class="mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8"
        >
          Sorry, we couldn’t find the page you’re looking for.
        </p>
        <div class="mt-10 flex items-center justify-center gap-x-6">
          <a
            href="{{ site.baseurl }}/"
            class="rounded-md bg-amber-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-amber-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-amber-500"
            >Go back home</a
          >
        </div>
      </div>
    </main>
    {% include footer.html %}
  </body>
</html>