Added 404 page

mp-pinheiro · Mar 21, 2024 · 5051342 · 5051342
1 parent 3e64f67
commit 5051342
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 Not Found | Fairfruit</title>
+    <link rel="stylesheet" href="elements.css">
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="icon" href="img/icon.png" type="image/png">
+    <script src="js/main.js"></script>
+</head>
+
+<body>
+    <header>
+        <img class="logo" src="img/logo.png" alt="Fairfruit Logo">
+        <h1>Oops!</h1>
+        <hr>
+    </header>
+    <div class="container">
+        <div class="main-content" style="text-align: center;">
+            <h2>404 - Page Not Found</h2>
+            <p class="error-message">The page you are looking for might have been removed, had its name changed, or is
+                temporarily unavailable.
+            </p>
+            <a href="/" class="links links-red">Go to Homepage</a>
+        </div>
+    </div>
+</body>
+
+</html>
diff --git a/css/style.css b/css/style.css
@@ -389,4 +389,9 @@ footer .external-links {
 
 ::-webkit-scrollbar-thumb:hover {
     background: var(--color-secondary);
+}
+
+.error-message {
+    margin: 20px;
+    max-width: 600px;
 }