new design

2023-03-22 17:31:40 +01:00
parent 5ca968f389
commit 2d44012108
4 changed files with 96 additions and 19 deletions
--- a/index.html
+++ b/index.html
@@ -16,7 +16,6 @@
 </head>

 <body>
-
    <div id="header">
        <h1>Technikholger.de - Dein IT Dienstleister deines Vertrauens</h1>
        <div id="navbar">
@@ -25,7 +24,7 @@
                    <p>Startseite</p>
                </div>
            </a>            
-            <a id="element">
+            <a id="element" href="#">
                <div >
                    <p>Mein Konto</p>
                </div>
@@ -38,8 +37,8 @@
        </div>
    </div>

-    <div>
-        <div>
+    <div id="products">
+        <div id="cloud">
            <h2>
                Wir bieten Ihnen professionelle Clouddienste als Software as a Service (SaaS) an.
            </h2>
@@ -55,15 +54,19 @@
                noch erfolgreicher zu machen.
            </p>
    
+            <h2>SaaS Produkte</h2>
+
            <ul>
                <li>Drive (Cloudspeicher auf Nextcloud basis.)</li>
                <li>Passwortmanager (Bitwarden)</li>
            </ul>
-    
+        </div>
+
+
+        <div id="webspace">
            <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.
@@ -75,10 +78,6 @@
                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>
@@ -118,8 +117,7 @@
            <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>
+        <div id="server">
            <h2>
                Wir bieten ihnen Serverhosting (KVM-Server auf Linux und Gameserver)
            </h2>
@@ -154,10 +152,12 @@
    
            <p>Die Gameserverpakete bietet Ihnen flexible und Leistungsstrake Gaming-Performance mit verschiedenen Slot-, RAM- und Speicher-Konfigurationen</p>
        </div>
-
    </div>

    <div id="help-div">
+        <div class="l-quote quote">
+            <p>Sie haben ein Problem?<br> Fragen Sie Holger!</p>
+        </div>
        <button id="help">
            <span class="material-symbols-outlined">
                chat