Testseite: mehrere Unterseiten, Tabs, Galerie, Preise, Formular

kontakt.html

@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="de">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Kontakt · Test-Website</title>
+<link rel="stylesheet" href="style.css">
+<script src="app.js" defer></script>
+</head>
+<body data-page="kontakt">
+<nav>
+  <a class="logo" href="index.html">Test-Website</a>
+  <button class="menu-btn" aria-label="Menü">☰</button>
+  <ul>
+    <li><a data-page="start" href="index.html">Start</a></li>
+    <li><a data-page="leistungen" href="leistungen.html">Leistungen</a></li>
+    <li><a data-page="preise" href="preise.html">Preise</a></li>
+    <li><a data-page="ueber" href="ueber-uns.html">Über uns</a></li>
+    <li><a data-page="kontakt" href="kontakt.html">Kontakt</a></li>
+  </ul>
+</nav>
+<header class="hero"><h1>Kontakt</h1><p>Das Formular ist nur zum Testen – es wird nichts gesendet oder gespeichert.</p></header>
+<section class="wrap">
+  <div class="notice">Danke! (Test – es wurde nichts verschickt.)</div>
+  <form id="kontakt-form">
+    <label>Name <input name="name" required placeholder="Max Mustermann"></label>
+    <label>Anliegen
+      <select name="anliegen"><option>Neue Website</option><option>Wartung</option><option>Frage</option></select>
+    </label>
+    <label>Nachricht <textarea name="nachricht" rows="5" placeholder="Worum geht es?"></textarea></label>
+    <button class="btn" type="submit">Absenden (Test)</button>
+  </form>
+</section>
+<footer>
+  Testprojekt von WEBklar – keine echte Firma.<br>
+  <a href="impressum.html">Impressum</a><a href="kontakt.html">Kontakt</a><a href="#top" onclick="scrollTo(0,0);return false">Nach oben ↑</a>
+</footer>
+</body>
+</html>