3 Commits

Author SHA1 Message Date
Ground Zero Lab
0cd13e91d8 Add responsive hamburger menu for mobile 2026-02-28 14:20:51 +00:00
Ground Zero Lab
4627f25b86 Merge branch 'landingpage-work' 2026-02-28 14:09:40 +00:00
Ground Zero Lab
501c22224f Complete landingpage without pricing section 2026-02-28 14:01:06 +00:00

View File

@@ -12,7 +12,12 @@
<header> <header>
<nav class="container"> <nav class="container">
<a href="#" class="logo">Ground Zero Lab</a> <a href="#" class="logo">Ground Zero Lab</a>
<ul class="nav-links"> <div class="hamburger" onclick="toggleHamburger()">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-links" id="navLinks">
<li><a href="#about">Über Uns</a></li> <li><a href="#about">Über Uns</a></li>
<li><a href="#projects">Projekte</a></li> <li><a href="#projects">Projekte</a></li>
<li><a href="#tech">Technologie</a></li> <li><a href="#tech">Technologie</a></li>
@@ -133,4 +138,42 @@
</div> </div>
</div> </div>
</section> </section>
<footer>
<div class="container">
<p>Ground Zero Lab - KI für kritische Wahrheit</p>
<div class="footer-links">
<a href="#about">Über Uns</a>
<a href="#projects">Projekte</a>
<a href="#tech">Technologie</a>
<a href="#demo">Demo</a>
<a href="#community">Community</a>
</div>
<p>&copy; 2026 Ground Zero Lab</p>
</div>
</footer>
<script>
function toggleHamburger() {
const navLinks = document.getElementById('navLinks');
navLinks.classList.toggle('mobile-open');
const hamburger = document.querySelector('.hamburger');
hamburger.classList.toggle('active');
}
// Close mobile menu when clicking on a link
document.addEventListener('DOMContentLoaded', function() {
const navLinks = document.getElementById('navLinks');
const links = navLinks.querySelectorAll('a');
links.forEach(link => {
link.addEventListener('click', function() {
navLinks.classList.remove('mobile-open');
document.querySelector('.hamburger').classList.remove('active');
});
});
});
</script>
</body> </body>
</html>