catrinlam.github.io/404.html at main · catrinlam/catrinlam.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Page not found.">
    <meta name="author" content="Catrin Lam">
    <title>Page Not Found</title>
    <link href="assets/css/style.css" rel="stylesheet">
</head>
<body class="dark:bg-navy flex items-center justify-center h-screen">
    <div class="text-center">
        <h1 class="text-9xl font-extrabold text-navy dark:text-beige">404</h1>
        <p class="text-6xl text-blue-light mt-4">Oops! Page not found.</p>
        <p class="text-brown mt-2">The page you're looking for doesn't exist or has been moved.</p>
        <div class="mt-6">
            <a href="/" class="inline-block px-6 py-2 text-sm font-medium text-white bg-grey-green rounded-md hover:bg-blue-light">Go to Homepage</a>
            <a href="mailto:catrin.lam@outlook.com" class="inline-block px-6 py-2 text-sm font-medium text-black bg-blue-light rounded-md hover:bg-beige ml-2">Contact Me</a>
        </div>
    </div>
</body>
</html>