esaran1.github.io/404.html at main · esaran1/esaran1.github.io · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>404 | Page not found</title>
    <meta name="description" content="Page not found." />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&display=swap"
      rel="stylesheet"
    />
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="./assets/css/styles.css?v=202623" />
  </head>
  <body class="min-h-screen flex items-center justify-center px-6">
    <main class="card p-10 max-w-xl text-center space-y-6">
      <p class="text-sm text-[color:var(--muted)]">404</p>
      <h1 class="text-3xl font-semibold">This page drifted off-course.</h1>
      <p class="text-[color:var(--muted)]">
        The link you followed does not exist. Head back home or jump into the blog.
      </p>
      <div class="flex flex-wrap items-center justify-center gap-4">
        <a class="btn btn-primary" href="./index.html">Go home</a>
        <a class="btn btn-outline" href="./blog/index.html">Visit the blog</a>
      </div>
    </main>
      </body>
</html>