summaryrefslogtreecommitdiff
path: root/error.html
diff options
context:
space:
mode:
authorArne Rief <riearn@proton.me>2026-07-17 22:55:05 +0200
committerArne Rief <riearn@proton.me>2026-07-18 19:01:18 +0200
commit540eb6f8ff6422d0dff0a4d95352fd9fad8a8a30 (patch)
treea8cc5228b416641c4c44de8840e53acbaebb30b9 /error.html
parent976a826b7111e2c440cd9a394d536ab302c14cbe (diff)
Error pageHEADmaster
Diffstat (limited to 'error.html')
-rw-r--r--error.html115
1 files changed, 115 insertions, 0 deletions
diff --git a/error.html b/error.html
new file mode 100644
index 0000000..d64dd6a
--- /dev/null
+++ b/error.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="de">
+ <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 - Webentwickler</title>
+ </head>
+ <body>
+ <!-- NAVBAR -->
+ <header>
+ <nav role="navigation">
+ <ul>
+ <li>
+ <a href="index.html" aria-label="Zurück zur Hauptseite"
+ ><h1>Arne Rief</h1></a
+ >
+ </li>
+ <li>
+ <a href="about.html" aria-label="Über mich Infoseite">Über mich</a>
+ </li>
+ <li>
+ <a href="index.html#projects" aria-label="Projekte">Projekte</a>
+ </li>
+ <li><a href="index.html#contact" aria-label="Kontakt">Kontakt</a></li>
+ <li>
+ <a
+ href="https://linkedin.com/in/arne-rief"
+ target="_blank"
+ aria-label="Mein LinkedIn Profil"
+ ><i class="fa-brands fa-linkedin"></i
+ ></a>
+ </li>
+ <li>
+ <a
+ href="https://github.com/Arrief"
+ target="_blank"
+ aria-label="Mein Github Account"
+ ><i class="fa-brands fa-github"></i
+ ></a>
+ </li>
+ <li>
+ <a href="index-en.html" aria-label="Switch to English language"
+ >🇬🇧</a
+ >
+ </li>
+ </ul>
+ </nav>
+ </header>
+
+ <main>
+ <section class="error-section">
+ <h2 class="title">Hier ist nichts...</h2>
+ <p>O nein, falsch abgebogen? 😟</p>
+ <a href="index.html" class="text-link">Zurück zur Startseite &rarr;</a>
+ </section>
+ </main>
+
+ <!-- FOOTER -->
+ <footer>
+ <address>
+ <dl>
+ <dt>LinkedIn:</dt>
+ <dd>
+ <a
+ href="https://linkedin.com/in/arne-rief"
+ target="_blank"
+ aria-label="Mein LinkedIn Profil"
+ ><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="Mein Github Account"
+ ><i class="fa-brands fa-github big-icon"></i
+ ></a>
+ </dd>
+ <dt>Email:</dt>
+ <dd>
+ <a href="#contact" aria-label="Zur Kontaktform">
+ <i class="fa-solid fa-envelope big-icon"></i
+ ></a>
+ </dd>
+ </dl>
+ </address>
+ <p>&copy; 2023 Arne Rief</p>
+ </footer>
+ </body>
+</html>