annika/eis-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

kontakt

Browse source
This commit is contained in:
annika koenig 2026-06-03 16:29:19 +02:00
parent ed96976532
commit 05ef9474af
1 changed files with 109 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

121
kontakt.html
View file

@ -1,16 +1,113 @@
/* script.js */ <!DOCTYPE html>
document.querySelector("form")?.addEventListener("submit", function(e) { <html lang="de">
e.preventDefault(); <head>
alert("Nachricht gesendet 💖"); <meta charset="UTF-8">
}); <meta name="viewport" content="width=device-width, initial-scale=1.0">
/* Folder structure (create manually) <title>Kontakt – Studienprojekt 2026</title>
/img <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
pic1.jpg <link rel="stylesheet" href="style.css">
pic2.jpg </head>
/assets <body>
projektinfo.pdf
*/ <nav>
<div class="nav-logo">🎓 Studienprojekt</div>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="ueberuns.html">Über uns</a></li>
<li><a href="eis_project.html">Projekt</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</nav>
<section class="hero">
<div class="hero-content">
<div class="hero-tag">📬 Kontakt</div>
<h1>
Schreib uns<br>
<span>eine Nachricht</span>
</h1>
<p>
Wenn du Fragen zu unserem Studienprojekt hast oder Feedback geben möchtest,
kannst du uns hier jederzeit kontaktieren.
</p>
</div>
</section>
<section>
<div class="section-label">Kontaktformular</div>
<h2 class="section-title">Nachricht senden</h2>
<p class="section-sub">
Fülle einfach das Formular aus – wir melden uns so schnell wie möglich zurück.
</p>
<div class="gallery-card" style="padding: 2rem; max-width: 700px; margin: 0 auto;">
<form>
<label style="display:block; margin-bottom: 0.5rem; color: var(--muted);">Name</label>
<input type="text" placeholder="Dein Name"
style="width:100%; padding:12px; margin-bottom:1rem; border-radius:12px; border:1px solid #ddd;">
<label style="display:block; margin-bottom: 0.5rem; color: var(--muted);">E-Mail</label>
<input type="email" placeholder="deine@mail.de"
style="width:100%; padding:12px; margin-bottom:1rem; border-radius:12px; border:1px solid #ddd;">
<label style="display:block; margin-bottom: 0.5rem; color: var(--muted);">Nachricht</label>
<textarea rows="5" placeholder="Deine Nachricht..."
style="width:100%; padding:12px; margin-bottom:1rem; border-radius:12px; border:1px solid #ddd;"></textarea>
<button type="submit" class="btn-primary" style="border:none; cursor:pointer;">
📨 Senden
</button>
</form>
</div>
</section>
<section>
<div class="section-label">Kontakt</div>
<h2 class="section-title">Direkt erreichen</h2>
<div class="stats-row">
<div class="stat-card">
<span class="stat-num">Anni</span>
<span class="stat-label">anni@studienprojekt.de</span>
</div>
<div class="stat-card">
<span class="stat-num">Lea</span>
<span class="stat-label">lea@studienprojekt.de</span>
</div>
<div class="stat-card">
<span class="stat-num">2026</span>
<span class="stat-label">Antwortzeit: 1–3 Tage</span>
</div>
</div>
</section>
<footer>
© 2026 Studienprojekt · Kontakt · Anni & Lea
</footer>
</body>
</html>