Thies Mueller
88 lines
3.6 KiB
HTML
88 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Fotobox Anfrage</title>
|
|
<link href="/assets/tailwind.css" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-gray-900 text-white">
|
|
|
|
<div class="max-w-3xl mx-auto p-6">
|
|
<h1 class="text-3xl font-bold mb-6">Fotobox Anfrage</h1>
|
|
|
|
<form method="POST" action="send.php" class="space-y-4">
|
|
<input type="text" name="name" placeholder="Name" required class="w-full p-2 bg-gray-800">
|
|
<input type="text" name="firma" placeholder="Firma" class="w-full p-2 bg-gray-800">
|
|
<input type="email" name="email" placeholder="E-Mail" required class="w-full p-2 bg-gray-800">
|
|
|
|
<label>Datum Beginn</label>
|
|
<input type="date" name="start" required class="w-full p-2 bg-gray-800">
|
|
|
|
<label>Datum Ende</label>
|
|
<input type="date" name="end" required class="w-full p-2 bg-gray-800">
|
|
|
|
<select name="drucker" required class="w-full p-2 bg-gray-800">
|
|
<option value="">Drucker?</option>
|
|
<option value="Ja">Ja</option>
|
|
<option value="Nein">Nein</option>
|
|
</select>
|
|
|
|
<select name="betreuung" required class="w-full p-2 bg-gray-800">
|
|
<option value="">Betreuung?</option>
|
|
<option value="Ja">Ja</option>
|
|
<option value="Nein">Nein</option>
|
|
</select>
|
|
|
|
<select name="aufbau" required class="w-full p-2 bg-gray-800">
|
|
<option value="">Auf / Abbau?</option>
|
|
<option value="Ja">Ja</option>
|
|
<option value="Nein">Nein</option>
|
|
</select>
|
|
|
|
<textarea name="kommentar" placeholder="Kommentar" class="w-full p-2 bg-gray-800"></textarea>
|
|
|
|
<div class="flex items-center gap-2">
|
|
<span id="captchaText"></span>
|
|
<input type="number" name="captcha" required class="p-2 bg-gray-800 w-20">
|
|
</div>
|
|
|
|
<input type="hidden" name="captcha_result" id="captchaResult">
|
|
<input type="hidden" name="website" value="">
|
|
|
|
<label class="flex items-center gap-2 text-sm">
|
|
<input type="checkbox" required>
|
|
Ich stimme der Verarbeitung meiner Daten zu
|
|
</label>
|
|
|
|
<button class="bg-blue-600 px-4 py-2">Absenden</button>
|
|
</form>
|
|
</div>
|
|
|
|
<footer class="bg-gray-800 text-gray-400 py-6 mt-10">
|
|
<div class="max-w-5xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-4">
|
|
<div class="text-sm text-center md:text-left">
|
|
© <span id="year"></span> Thies Mueller Service Solutions
|
|
</div>
|
|
<div class="flex flex-wrap justify-center gap-4 text-sm">
|
|
<a href="/about.html" class="hover:text-white transition">Über die Fotobox</a>
|
|
<a href="/contact.html" class="hover:text-white transition">Kontakt / Anfragen</a>
|
|
<a href="/delete/" class="hover:text-white transition">Ich möchte mein Bild löschen lassen</a>
|
|
<a href="https://legal.tservic.es" target="_blank" class="hover:text-white transition">Impressum / Datenschutz</a>
|
|
<a href="https://thiesmueller.de" target="_blank" class="hover:text-white transition">Thies Mueller Service Solutions</a>
|
|
<a href="https://regattatech.de" target="_blank" class="hover:text-white transition">RegattaTech.DE</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
const a = Math.floor(Math.random() * 10) + 1;
|
|
const b = Math.floor(Math.random() * 10) + 1;
|
|
document.getElementById('captchaText').innerText = `${a} + ${b} = ?`;
|
|
document.getElementById('captchaResult').value = a + b;
|
|
document.getElementById('year').innerText = new Date().getFullYear();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|