From d04cf94ea774e515fe51b955206ea4024bf91c6d Mon Sep 17 00:00:00 2001
From: Florian Zirker <florian.zirker@kapsweyer.de>
Date: Sun, 21 Aug 2022 16:09:16 +0200
Subject: [PATCH] =?UTF-8?q?Impressum=20eingef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 default.css    | 14 ++++++++++++++
 impressum.html | 32 ++++++++++++++++++++++++++++++++
 index.html     | 19 ++++++++-----------
 3 files changed, 54 insertions(+), 11 deletions(-)
 create mode 100644 default.css
 create mode 100644 impressum.html
diff --git a/default.css b/default.css
new file mode 100644
index 0000000..9da89bf
--- /dev/null
+++ b/default.css
@@ -0,0 +1,14 @@
+:root {
+    max-width: 80ch;
+    padding: 3em 1em;
+    margin: auto;
+    font-size: 1.25em;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 50px;
+}
diff --git a/impressum.html b/impressum.html
new file mode 100644
index 0000000..377eb94
--- /dev/null
+++ b/impressum.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+   <meta charset="UTF-8">
+   <title>Impressum florianzirker.de</title>
+   <link rel="stylesheet" href="default.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+
+<body>
+    <h1>Impressum</h1>
+    
+    <h4>Angaben gemäß § 5 TMG</h4>
+    <p>Florian Zirker<br />
+    Beethovenstraße 16<br />
+    76870 Kandel</p>
+    
+    <h4>Kontakt</h4>
+    <p>
+        E-Mail: admin@florianzirker.de
+    </p>
+</body>
+
+<footer>
+    <a href="index.html">Startseite</a>
+</footer>
+
+
+</html>
+
+
diff --git a/index.html b/index.html
index de66f4e..a0222fe 100644
--- a/index.html
+++ b/index.html
@@ -4,19 +4,12 @@
 <head>
    <meta charset="UTF-8">
    <title>florianzirker.de</title>
-    <style>
-      :root {
-         max-width: 80ch;
-         padding: 3em 1em;
-         margin: auto;
-         font-size: 1.25em;
-         font-family: Arial, Helvetica, sans-serif;
-      }
-    </style>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+   <link rel="stylesheet" href="default.css">
+   <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 
 <body>
+   <h1>florianzirker.de</h1>
    <p>
       Hier gibt es nichts zu sehen. <br>
       Bitte gehen Sie weiter.
@@ -33,4 +26,8 @@
    </p>
 </body>
 
-</html>
\ No newline at end of file
+<footer>
+   <a href="impressum.html">Impressum</a>
+</footer>
+
+</html>
