new file: templates/datenschutz.html new file: templates/impressum.html new file: templates/kontakt.html new file: templates/landing.html
35 lines
1.7 KiB
HTML
35 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Kontakt – AI Vertriebsassistent</title>
|
||
<style>
|
||
body { background: #23272f; color: #e3e3e3; font-family: 'Segoe UI', Arial, sans-serif; margin: 0; }
|
||
.container { max-width: 700px; margin: 60px auto; background: #181a20; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.18); padding: 40px 32px; }
|
||
h1 { color: #00aaff; }
|
||
label { display: block; margin-top: 18px; }
|
||
input, textarea { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #353b48; background: #23272f; color: #e3e3e3; margin-top: 6px; }
|
||
button { background: #00aaff; color: #fff; border: none; border-radius: 8px; padding: 10px 28px; font-size: 1em; margin-top: 18px; cursor: pointer; }
|
||
button:hover { background: #0078fe; }
|
||
.footer { color: #6c7380; font-size: 0.95em; margin-top: 40px; text-align: center; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>Kontakt</h1>
|
||
<form method="post">
|
||
<label for="name">Ihr Name</label>
|
||
<input type="text" id="name" name="name" required>
|
||
<label for="email">Ihre E-Mail</label>
|
||
<input type="email" id="email" name="email" required>
|
||
<label for="nachricht">Nachricht</label>
|
||
<textarea id="nachricht" name="nachricht" rows="5" required></textarea>
|
||
<button type="submit">Absenden</button>
|
||
</form>
|
||
<p style="margin-top:24px;">Oder schreiben Sie direkt an: <a href="mailto:simon@projekt-senegal.de">simon@projekt-senegal.de</a></p>
|
||
<div class="footer">
|
||
© 2025 Simon Giehl – AI Vertriebsassistent. Alle Rechte vorbehalten.
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |