7sys

public/components/footer.html

@@ -0,0 +1,31 @@
+<footer>
+    <div class="contact-block">
+        <div class="contact-item">
+            <i class="fas fa-envelope"></i>
+            <a href="mailto:kontakt@7sys.de">kontakt@7sys.de</a>
+        </div>
+        <div class="contact-item">
+            <i class="fas fa-phone"></i>
+            <a href="tel:+49123456789">+49 123 456789</a>
+        </div>
+        <div class="contact-item">
+            <i class="fab fa-signal"></i>
+            <a href="https://signal.me/7sys">@7sys</a>
+        </div>
+    </div>
+    <div class="social-links">
+        <a href="https://github.com/7sys" target="_blank" rel="noopener noreferrer">
+            <i class="fab fa-github"></i>
+        </a>
+        <a href="https://twitter.com/7sys" target="_blank" rel="noopener noreferrer">
+            <i class="fab fa-twitter"></i>
+        </a>
+        <a href="https://linkedin.com/company/7sys" target="_blank" rel="noopener noreferrer">
+            <i class="fab fa-linkedin"></i>
+        </a>
+    </div>
+    <div class="legal-links">
+        <a href="impressum.html">Impressum</a>
+        <a href="datenschutz.html">Datenschutz</a>
+    </div>
+</footer>

public/components/header.html

@@ -0,0 +1,22 @@
+<header>
+    <div class="header-content">
+        <div class="logo-container">
+            <div class="logo-text">
+                <span>7</span><span>S</span><span>Y</span><span>S</span>
+            </div>
+        </div>
+        
+        <nav class="nav-menu">
+            <a href="#intro">Start</a>
+            <a href="#services">Expertise</a>
+            <a href="#contact">Kontakt</a>
+            <button class="theme-toggle" aria-label="Theme Toggle">
+                <i class="fas fa-moon"></i>
+            </button>
+        </nav>
+        
+        <button class="mobile-menu-toggle" aria-label="Toggle Menu">
+            <i class="fas fa-bars"></i>
+        </button>
+    </div>
+</header>