99 lines
3.6 KiB
HTML
99 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Galerie - David & Karo - EIS Projekt">
|
||
<title>Galerie – David & Karo</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="icon" href="img/logo.png" type="image/png">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="header-container">
|
||
<div class="logo">
|
||
<img src="img/logo.png" alt="Logo">
|
||
<div class="logo-text">
|
||
<span class="institution">David & Karo</span>
|
||
<span class="project">EIS Projekt</span>
|
||
</div>
|
||
</div>
|
||
<!-- Dark Mode Toggle Button -->
|
||
<button id="dark-mode-toggle" type="button" class="dark-mode-toggle" title="Dark Mode aktivieren">
|
||
<span class="dark-mode-icon">🌙</span>
|
||
</button>
|
||
<!-- Hamburger Menu Button (nur Mobile) -->
|
||
<button id="nav-toggle" type="button" class="nav-toggle" aria-label="Menü öffnen" aria-expanded="false">
|
||
<span></span><span></span><span></span>
|
||
</button>
|
||
<nav id="main-nav">
|
||
<a href="index.html">Start</a>
|
||
<a href="ueber_uns.html">Über uns</a>
|
||
<a href="eis_projekt.html">Projekt</a>
|
||
<a href="team.html">Team</a>
|
||
<a href="galerie.html" class="active">Galerie</a>
|
||
<a href="notenrechner.html">Notenrechner</a>
|
||
<a href="textanalyse.html">Textanalyse</a>
|
||
<a href="api.html">API Demo</a>
|
||
<a href="kontakt.html">Kontakt</a>
|
||
<a href="impressum.html">Impressum</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero">
|
||
<h1>📸 Galerie</h1>
|
||
<p>Einblicke in unser Projekt – Bilder, Screenshots & Behind-the-Scenes 🌸</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🖼️ Unser Team</h2>
|
||
<p>Hier findet ihr Bilder aus unserem Team und vom Projekt:</p>
|
||
<div class="galerie">
|
||
<img src="img/gruppenbild.jpg" alt="Team David & Karo" title="Klick zum Vergrößern">
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>📱 Projekt Screenshots</h2>
|
||
<p>Verschiedene Ansichten und Details des Projekts:</p>
|
||
<div class="galerie">
|
||
<!-- Screenshots können hier eingefügt werden, wenn vorhanden -->
|
||
<p style="grid-column: 1 / -1; color: #64748b; text-align: center;">Screenshots werden hier angezeigt, wenn verfügbar 📸</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🎨 Design-Inspiration</h2>
|
||
<p>Die Ästhetik hinter unserem Projekt – Rosa, Pink, Blumen & Gen Z Vibes:</p>
|
||
<div class="galerie">
|
||
<!-- Design-Referenzen können hier eingefügt werden -->
|
||
<p style="grid-column: 1 / -1; color: #64748b; text-align: center;">Design-Inspirationen kommen bald! 🌸✨</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>💾 Downloads</h2>
|
||
<p>Wichtige Dateien und Dokumente zum Projekt:</p>
|
||
<div class="download-section">
|
||
<h3>📄 Projektinformationen</h3>
|
||
<p><a href="assets/projektinfo.pdf" download class="btn btn-download">📥 projektinfo.pdf herunterladen</a></p>
|
||
<p style="font-size: 0.9rem; color: #64748b; margin-top: 1rem;">PDF mit allen wichtigen Projektdetails, Struktur und Informationen</p>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2026 – Made with 💕 & ✨ – David & Karo</p>
|
||
<div class="footer-links">
|
||
<a href="impressum.html">Impressum</a>
|
||
<a href="api.html">API Demo</a>
|
||
<a href="kontakt.html">Kontakt</a>
|
||
<a href="#">Datenschutz</a>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html>
|