94 lines
3.3 KiB
HTML
94 lines
3.3 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="Entwicklung interaktiver Softwareanwendungen - David & Karo">
|
||
<title>Startseite – EIS Projekt</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" class="active">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">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>✨ Entwicklung interaktiver Softwareanwendungen ✨</h1>
|
||
<p>🌸 Ein Projekt von David & Karo – interaktiv, kreativ, magisch 🌸</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>💕 Willkommen! 👋</h2>
|
||
<p>Willkommen in unserem interaktiven Projekt! Hier kreieren wir coole Softwareanwendungen und haben dabei mega viel Spaß.</p>
|
||
<p>Bereit für was Geniales? Let's go! 💅✨</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🌹 Projekt-Übersicht 🌹</h2>
|
||
<div class="cards">
|
||
<div class="card">
|
||
<h3>📚 Über uns</h3>
|
||
<p>Lernen Sie die Dozenten und das Projekt kennen. Ein Überblick über Ziele und Inhalte – stay updated! ✨</p>
|
||
<a href="ueber_uns.html" class="btn">Mehr erfahren</a>
|
||
</div>
|
||
<div class="card">
|
||
<h3>💻 Das EIS-Projekt</h3>
|
||
<p>Entdecken Sie die technischen Details und Implementierungsmagic. Wir bauen was Geniales! 🚀</p>
|
||
<a href="eis_projekt.html" class="btn">Zum Projekt</a>
|
||
</div>
|
||
<div class="card">
|
||
<h3>📧 Kontakt</h3>
|
||
<p>Fragen? Feedback? Wir freuen uns immer auf eure Messages – hit us up! 💕</p>
|
||
<a href="kontakt.html" class="btn btn-secondary">Schreiben Sie uns</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🌺 Letzte Updates 🌺</h2>
|
||
<ul>
|
||
<li><strong>22.04.2026:</strong> Website mit Rosa/Pink-Design & Blumen-Vibes launched! 🌸✨</li>
|
||
<li><strong>22.04.2026:</strong> Gen Z-freundliche Navigation & Animationen implemented 💅</li>
|
||
<li><strong>22.04.2026:</strong> Alle Seiten ready to go – check them out! 🚀</li>
|
||
</ul>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2026 – Made with 💕 & ✨ – David & Karo</p>
|
||
<div class="footer-links">
|
||
<a href="impressum.html">Impressum</a>
|
||
<a href="kontakt.html">Kontakt</a>
|
||
<a href="#">Datenschutz</a>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html>
|
||
|