1 files changed, 113 insertions, 0 deletions
diff --git a/error-en.html b/error-en.html
new file mode 100644
index 0000000..c9c8526
--- /dev/null
+++ b/error-en.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <!-- font general -->
+    <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&display=swap"
+      rel="stylesheet"
+    />
+    <!-- font navbar -->
+    <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=Archivo+Black&display=swap"
+      rel="stylesheet"
+    />
+    <!-- FA icons -->
+    <link
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
+      rel="stylesheet"
+    />
+    <link rel="icon" href="images/favicon-AR.ico" type="image/x-icon" />
+    <link href="style.css" rel="stylesheet" />
+
+    <title>Arne Rief - Web Developer</title>
+  </head>
+  <body>
+    <!-- NAVBAR -->
+    <header>
+      <nav role="navigation">
+        <ul>
+          <li>
+            <a href="index-en.html" aria-label="Back to main page"
+              ><h1>Arne Rief</h1></a
+            >
+          </li>
+          <li><a href="about-en.html" aria-label="About page">About me</a></li>
+          <li>
+            <a href="index-en.html#projects" aria-label="Projects">Projects</a>
+          </li>
+          <li>
+            <a href="index-en.html#contact" aria-label="Contact me">Contact</a>
+          </li>
+          <li>
+            <a
+              href="https://linkedin.com/in/arne-rief"
+              target="_blank"
+              aria-label="My LinkedIn Profile"
+              ><i class="fa-brands fa-linkedin"></i
+            ></a>
+          </li>
+          <li>
+            <a
+              href="https://github.com/Arrief"
+              target="_blank"
+              aria-label="My Github Account"
+              ><i class="fa-brands fa-github"></i
+            ></a>
+          </li>
+          <li>
+            <a href="index.html" aria-label="Switch to German language">🇩🇪</a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+        <section class="error-section">
+            <h2 class="title">There is nothing here...</h2>
+            <p>Oh no, took a wrong turn? 😟</p>
+            <a href="index-en.html" class="text-link">Back to the main page &rarr;</a>
+        </section>
+    </main>
+
+    <!-- FOOTER -->
+    <footer>
+        <address>
+            <dl>
+                <dt>LinkedIn:</dt>
+                <dd>
+                    <a
+                        href="https://linkedin.com/in/arne-rief"
+                        target="_blank"
+                        aria-label="My LinkedIn Profile"
+                    ><i class="fa-brands fa-linkedin big-icon"></i
+                                                               ></a>
+                </dd>
+                <dt>Github:</dt>
+                <dd>
+                    <a
+                        href="https://github.com/Arrief"
+                        target="_blank"
+                        aria-label="My Github Account"
+                    ><i class="fa-brands fa-github big-icon"></i
+                                                             ></a>
+                </dd>
+                <dt>Email:</dt>
+                <dd>
+                    <a href="#contact" aria-label="To the contact form">
+                        <i class="fa-solid fa-envelope big-icon"></i
+                                                                 ></a>
+                </dd>
+            </dl>
+        </address>
+        <p>&copy; 2023 Arne Rief</p>
+    </footer>
+  </body>
+</html>