73 lines
3.3 KiB
HTML
73 lines
3.3 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; }
|
||
.nav {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 18px;
|
||
background: #181a20;
|
||
padding: 14px 0 10px 0;
|
||
border-radius: 12px 12px 0 0;
|
||
margin-bottom: 32px;
|
||
box-shadow: 0 2px 8px rgba(0,0,0,0.10);
|
||
}
|
||
.nav a {
|
||
color: #b0b6c3;
|
||
text-decoration: none;
|
||
padding: 8px 18px;
|
||
border-radius: 6px;
|
||
font-size: 1.08em;
|
||
font-weight: 500;
|
||
transition: background 0.2s, color 0.2s;
|
||
}
|
||
.nav a.active,
|
||
.nav a:hover {
|
||
background: #00aaff;
|
||
color: #fff;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="nav">
|
||
<a href="/" {% if request.path == '/' %}class="active"{% endif %}>Start</a>
|
||
<a href="/chat" {% if request.path == '/chat' %}class="active"{% endif %}>Chat</a>
|
||
<a href="/kontakt" {% if request.path == '/kontakt' %}class="active"{% endif %}>Kontakt</a>
|
||
<a href="/impressum" {% if request.path == '/impressum' %}class="active"{% endif %}>Impressum</a>
|
||
<a href="/datenschutz" {% if request.path == '/datenschutz' %}class="active"{% endif %}>Datenschutz</a>
|
||
<a href="/agb" {% if request.path == '/agb' %}class="active"{% endif %}>AGB</a>
|
||
</div>
|
||
<div class="container">
|
||
<h1>Kontakt</h1>
|
||
<p>
|
||
Diese Anwendung ist eine technische Demo für Nicolaisen Casing & Packaging GmbH.<br>
|
||
Bei Fragen zur Demo wenden Sie sich bitte an:
|
||
</p>
|
||
<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 – Tech Demo für Nicolaisen Casing & Packaging GmbH.
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |