102 lines
4.1 KiB
HTML
102 lines
4.1 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="Team - David & Karo - EIS Projekt">
|
||
<title>Team – 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>
|
||
<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" class="active">Team</a>
|
||
<a href="galerie.html">Galerie</a>
|
||
<a href="notenrechner.html">Notenrechner</a>
|
||
<a href="textanalyse.html">Textanalyse</a>
|
||
<a href="kontakt.html">Kontakt</a>
|
||
<a href="impressum.html">Impressum</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero">
|
||
<h1>🌸 Unser Team 💕</h1>
|
||
<p>Lerne David & Karo kennen – die kreativen Köpfe hinter diesem Projekt! ✨</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>👥 Team Members</h2>
|
||
<p>Hier stellen sich die Macher dieses Projekts vor:</p>
|
||
|
||
<div class="team-container">
|
||
<!-- David Steckbrief -->
|
||
<div class="team-card">
|
||
<div class="team-image">
|
||
<img src="img/avatardavid.png" alt="David Avatar">
|
||
</div>
|
||
<div class="team-info">
|
||
<h3>David 👨💻</h3>
|
||
<p class="team-meta"><strong>Alter:</strong> 23 Jahre | <strong>Gender:</strong> Boy</p>
|
||
<p class="team-description">
|
||
David ist leidenschaftlicher Gamer und Bildbearbeiter. Mit einem Auge für visuelle Details und der Liebe zu Computerspielen bringt er kreative Energie ins Team. Seine Fähigkeiten in der Bildbearbeitung sorgen dafür, dass das Projekt optisch top aussieht! 🎮🖼️
|
||
</p>
|
||
<div class="team-skills">
|
||
<span class="skill-tag">🎮 Gaming</span>
|
||
<span class="skill-tag">🖼️ Bildbearbeitung</span>
|
||
<span class="skill-tag">💻 Tech</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Karo Steckbrief -->
|
||
<div class="team-card">
|
||
<div class="team-image">
|
||
<img src="img/avatarkaro.png" alt="Karo Avatar">
|
||
</div>
|
||
<div class="team-info">
|
||
<h3>Karo 👩🎨</h3>
|
||
<p class="team-meta"><strong>Alter:</strong> 24 Jahre | <strong>Gender:</strong> Girl</p>
|
||
<p class="team-description">
|
||
Karo ist eine Design-Enthusiastin mit einem flauschigen Kater an ihrer Seite. Sie liebt es, kreative Designs zu gestalten und Projekte zum Leben zu erwecken. Mit ihrem Design-Know-how und der entspannten Energie ihres Katers schafft sie Inspiration und Gemütlichkeit im Team! 🐱✨
|
||
</p>
|
||
<div class="team-skills">
|
||
<span class="skill-tag">🎨 Design</span>
|
||
<span class="skill-tag">🐱 Katzenliebhaberin</span>
|
||
<span class="skill-tag">✨ Kreativität</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🤝 Zusammen sind wir stark</h2>
|
||
<p>David und Karo bilden ein perfektes Team: Während David mit technischen Fähigkeiten und visueller Kreativität glänzt, bringt Karo Design-Expertise und künstlerische Vision ein. Zusammen schaffen sie ein interaktives Projekt, das nicht nur funktional ist, sondern auch eine Freude zu nutzen! 💪✨</p>
|
||
</section>
|
||
|
||
<footer>
|
||
<p>© 2026 David & Karo – EIS Projekt. Alle Rechte vorbehalten. 💕</p>
|
||
</footer>
|
||
</main>
|
||
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html>
|