41 lines
1.5 KiB
HTML
41 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Kontakt</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
|
||
<body>
|
||
<nav>
|
||
<span class="logo">Glück Auf</span>
|
||
<ul>
|
||
<li><a href="index.html">Start</a></li>
|
||
<li><a href="ueber_mich.html">Über mich</a></li>
|
||
<li><a href="eis_projekt.html">Projekt</a></li>
|
||
<li><a href="kontakt.html" class="active">Kontakt</a></li>
|
||
<li><a href="impressum.html">Impressum</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<div class="page">
|
||
<p class="tag">Kontakt</p>
|
||
<h1>Schreib mir.</h1>
|
||
<p class="sub">Ich freue mich über jede Nachricht – egal ob Frage, Zusammenarbeit oder einfach Hallöchen.</p>
|
||
|
||
<div class="form-group"><label for="name">Name</label><input type="text" id="name" placeholder="Dein Name"></div>
|
||
<div class="form-group"><label for="email">E-Mail</label><input type="email" id="email" placeholder="deine@email.de"></div>
|
||
<div class="form-group"><label for="msg">Nachricht</label><textarea id="msg" placeholder="Deine Nachricht..."></textarea></div>
|
||
<button type="button">Absenden</button>
|
||
</div>
|
||
|
||
<footer>
|
||
<a href="impressum.html">Impressum</a> · <a href="kontakt.html">Kontakt</a>
|
||
<p style="margin-top:0.6rem;">© 2026 Glück Auf</p>
|
||
</footer>
|
||
|
||
</body>
|
||
|
||
</html>
|