diff --git a/impressum.html b/impressum.html
new file mode 100644
index 0000000..ff6169b
--- /dev/null
+++ 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>
\ No newline at end of file
diff --git a/index.html b/index.html
index b14acca..7fd6b55 100644
--- a/index.html
+++ b/index.html
@@ -1,33 +1,162 @@
 <!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"
+        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">
-            <div id="element">
-                <p>Startseite</p>
-            </div>
-            <div id="element">
-                <p>Mein Konto</p>
-            </div>
-            <div id="element">
-                <p>Impressum</p>
-            </div>
+            <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>
+        <div>
+            <h2>
+                Wir bieten Ihnen professionelle Clouddienste als Software as a Service (SaaS) an.
+            </h2>
+    
+            <p>
+                Mit unseren Cloud-Diensten können Sie Software-as-a-Service (SaaS) nutzen und von überall aus auf Ihre
+                Anwendungen zugreifen.
+                Unsere Password-Manager-Dienste bieten eine sichere Möglichkeit, all Ihre Passwörter an einem Ort zu
+                speichern und sicher zu verwalten.
+                Mit unserem Nextcloud-Hosting können Sie Dateien und Dokumente sicher in der Cloud speichern und von jedem
+                Gerät aus darauf zugreifen.
+                Vertrauen Sie auf unsere zuverlässigen Cloud-Dienste und lassen Sie uns Ihnen helfen, Ihre Online-Projekte
+                noch erfolgreicher zu machen.
+            </p>
+    
+            <ul>
+                <li>Drive (Cloudspeicher auf Nextcloud basis.)</li>
+                <li>Passwortmanager (Bitwarden)</li>
+            </ul>
+    
+            <h2>
+                Wir bieten Ihnen Webspace inkl. Top-Level - Domains an.
+            </h2>
+    
+            <p>
+                Willkommen in der Welt des Webhostings! Bei uns erhalten Sie alles, was Sie brauchen, um Ihre Website online
+                zu bringen und erfolgreich zu machen.
+                Wir bieten Ihnen Webspace-Hosting inklusive SSL-Zertifikat, damit Ihre Website sicher und verschlüsselt ist.
+                Außerdem erhalten Sie bei uns eine Topleveldomain,
+                damit Ihre Website einen professionellen und vertrauenswürdigen Eindruck macht. Mit unseren
+                Email-Postfächern können Sie zudem
+                Ihre Geschäftskommunikation effektiv und zuverlässig organisieren. Verlassen Sie sich auf unsere
+                erstklassige Infrastruktur
+                und unseren kompetenten Support und starten Sie heute noch Ihre Online-Präsenz.
+            </p>
+        </div>
+
+
+        <div>
+            <h2>Webspace-Pakete</h2>
+
+            <h3>Basic-Paket:</h3>
+            <ul>
+              <li>Webspace-Hosting inklusive SSL-Zertifikat</li>
+              <li>1 Email-Postfach</li>
+              <li>Kostenlose Subdomain</li>
+            </ul>
+            <p>Das Basic-Paket bietet Ihnen alles, was Sie brauchen, um Ihre erste Website online zu stellen.</p>
+           
+            <h3>Standard-Paket:</h3>
+            <ul>
+              <li>Webspace-Hosting inklusive SSL-Zertifikat</li>
+              <li>5 Email-Postfächer</li>
+              <li>Kostenlose Topleveldomain (.de, .com, .net oder .org)</li>
+            </ul>
+            <p>Das Standard-Paket bietet Ihnen alles, was Sie brauchen, um eine professionelle Website mit einer eigenen Domain und mehreren Email-Adressen zu betreiben.</p>
+           
+            <h3>Business-Paket:</h3>
+            <ul>
+              <li>Webspace-Hosting inklusive SSL-Zertifikat</li>
+              <li>10 Email-Postfächer</li>
+              <li>Kostenlose Topleveldomain (.de, .com, .net oder .org)</li>
+              <li>Unbegrenzter Traffic</li>
+            </ul>
+            <p>Das Business-Paket bietet Ihnen alles, was Sie brauchen, um eine geschäftliche Website mit unbegrenztem Traffic und mehreren Email-Adressen zu betreiben.</p>
+           
+            <h3>Pro-Paket:</h3>
+            <ul>
+              <li>Webspace-Hosting inklusive SSL-Zertifikat</li>
+              <li>20 Email-Postfächer</li>
+              <li>Kostenlose Topleveldomain (.de, .com, .net oder .org)</li>
+              <li>Unbegrenzter Traffic</li>
+              <li>Unbegrenzter Webspace</li>
+              <li>24/7-Support</li>
+            </ul>
+            <p>Das Pro-Paket bietet Ihnen alles, was Sie brauchen, um eine professionelle Website mit unbegrenztem Webspace, unbegrenztem Traffic und mehreren Email-Adressen zu betreiben.</p>
+        </div>
+
+
+        <div>
+            <h2>
+                Wir bieten ihnen Serverhosting (KVM-Server auf Linux und Gameserver)
+            </h2>
+            <p>Unsere Serverhosting-Dienste bieten Ihnen die Flexibilität und Leistung, die Sie benötigen,
+                um Ihre Online-Projekte zum Erfolg zu führen. Mit unseren KVM-Servern haben Sie die volle Kontrolle über
+                Ihre virtuelle Maschine
+                und können sie ganz nach Ihren Wünschen konfigurieren. Unsere Gameserver sind optimiert für
+                Gaming-Performance und bieten Ihnen eine
+                zuverlässige und stabile Plattform für Online-Spiele mit Ihren Freunden oder der Gaming-Community. Vertrauen
+                Sie auf unsere
+                Expertise im Bereich Serverhosting und starten Sie noch heute durch!
+            </p>
+    
+            <h2>Server-Hosting-Pakete</h2>
+    
+            <h3>KVM-Pakete:</h3>
+            <ul>
+                <li>1 vCore, 1 GB RAM, 20 GB SSD-Speicher</li>
+                <li>2 vCores, 2 GB RAM, 40 GB SSD-Speicher</li>
+                <li>4 vCores, 4 GB RAM, 80 GB SSD-Speicher</li>
+                <li>8 vCores, 8 GB RAM, 160 GB SSD-Speicher</li>
+            </ul>
+            <p>Die KVM-Pakete bieten Ihnen flexible und leistungsstarke Virtual-Private-Server mit verschiedenen CPU-, RAM- und Speicher-Konfigurationen.</p>
+    
+            <h3>Gameserver-Pakete:</h3>
+            <ul>
+                <li>10 Slots, 2 GB RAM, 20 GB SSD-Speicher</li>
+                <li>20 Slots, 4 GB RAM, 40 GB SSD-Speicher</li>
+                <li>30 Slots, 6 GB RAM, 60 GB SSD-Speicher</li>
+                <li>40 Slots, 8 GB RAM, 80 GB SSD-Speicher</li>
+            </ul>
+    
+            <p>Die Gameserverpakete bietet Ihnen flexible und Leistungsstrake Gaming-Performance mit verschiedenen Slot-, RAM- und Speicher-Konfigurationen</p>
+        </div>
+
+    </div>
+
     <div id="help-div">
         <button id="help">
             <span class="material-symbols-outlined">
@@ -36,21 +165,11 @@
         </button>
     </div>
 
-
     <div id="chatbot">
         <iframe src="./bot.html" frameborder="0" style="width: 100%; height: 100%;"></iframe>
     </div>
 
-
-    <script>
-        $('#chatbot').dialog({
-            autoOpen: false,
-            height: 500,
-            width: 450,
-            positon: {my: 'center top'}
-        });
-
-        $('#help').click(() => $('#chatbot').dialog('open'));
-    </script>
+    <script src="script.js"></script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..3e83be6
--- /dev/null
+++ b/script.js
@@ -0,0 +1,9 @@
+
+$('#chatbot').dialog({
+    autoOpen: false,
+    height: 500,
+    width: 450,
+    positon: {my: 'center top'}
+});
+
+$('#help').click(() => $('#chatbot').dialog('open'));
\ No newline at end of file
