add product infos and impress thx chatgpt

2023-03-22 12:00:59 +01:00
parent 0bc6d5cc6e
commit aa4d3ad7f1
3 changed files with 222 additions and 22 deletions
--- a/impressum.html
+++ b/impressum.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Technik Holger</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel="stylesheet"
+        href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
+    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
+</head>
+<body>
+
+    <div id="header">
+        <h1>Technikholger.de - Dein IT Dienstleister deines Vertrauens</h1>
+        <div id="navbar">
+            <a id="element" href="./index.html">
+                <div >
+                    <p>Startseite</p>
+                </div>
+            </a>            
+            <a id="element">
+                <div >
+                    <p>Mein Konto</p>
+                </div>
+            </a> 
+            <a id="element" href="./impressum.html">
+                <div >
+                    <p>Impressum</p>
+                </div>
+            </a> 
+        </div>
+    </div>
+
+    <div id="impressum">
+        <h2>Impressum:</h2>
+        <p>Verantwortlich für den Inhalt dieser Website gemäß § 5 TMG:</p>
+        <p>Jan-Lukas Pagel<br>
+          Am Barkenkamp 13<br>
+          25474 Hasloh<br>
+          Deutschland</p>
+        <p>Kontakt:<br>
+          Telefon: +49 4106 6392721<br>
+          E-Mail: webmaster{at}technikholger.de</p>
+        
+        <p>Haftungsausschluss:<br>
+          Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.</p>
+        <p>Urheberrecht:<br>
+          Die durch den Betreiber dieser Website erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.</p>
+        <p>Datenschutz:<br>
+          Die Nutzung unserer Website ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder E-Mail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Weitere Informationen zum Datenschutz entnehmen Sie bitte unserer Datenschutzerklärung.</p>
+        <p>Quelle: muster-vorlagen.net</p>
+       </div>
+    
+       <div id="help-div">
+        <button id="help">
+            <span class="material-symbols-outlined">
+                chat
+            </span>
+        </button>
+    </div>
+
+    <div id="chatbot">
+        <iframe src="./bot.html" frameborder="0" style="width: 100%; height: 100%;"></iframe>
+    </div>
+
+    <script src="script.js"></script>
+</body>
+</html>