Thies Mueller
116 lines
5.4 KiB
HTML
116 lines
5.4 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 Beschreibung</title>
|
||
<link href="/assets/tailwind.css" rel="stylesheet">
|
||
<link href="/assets/material-icons.css" rel="stylesheet">
|
||
</head>
|
||
<body class="bg-gray-900 text-gray-200 font-sans">
|
||
|
||
<header class="bg-gray-800 shadow-md">
|
||
<div class="max-w-5xl mx-auto px-4 py-6 text-center">
|
||
<h1 class="text-3xl font-bold text-white">Unsere Fotobox</h1>
|
||
<p class="text-gray-400 mt-2">Spaß, Erinnerungen & Sofortdruck für dein Event</p>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="max-w-5xl mx-auto px-4 py-10 space-y-10">
|
||
|
||
<section class="text-center">
|
||
<h2 class="text-2xl font-semibold text-white mb-4">Unvergessliche Momente festhalten</h2>
|
||
<p class="text-gray-400">
|
||
Unsere moderne Fotobox sorgt für Unterhaltung auf jedem Event – ob Hochzeit, Geburtstag oder Firmenfeier.
|
||
Einfach bedienen, sofort Ergebnisse sehen und Erinnerungen für immer festhalten.
|
||
</p>
|
||
</section>
|
||
|
||
<section class="grid md:grid-cols-2 gap-8">
|
||
|
||
<div class="bg-gray-800 p-6 rounded-2xl shadow-lg">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<span class="material-icons text-blue-400">photo_camera</span>
|
||
<h3 class="text-xl font-semibold text-white">Fotos aufnehmen</h3>
|
||
</div>
|
||
<p class="text-gray-400">
|
||
Mache hochwertige Fotos mit nur einem Knopfdruck. Perfekt für spontane und lustige Momente.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-gray-800 p-6 rounded-2xl shadow-lg">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<span class="material-icons text-blue-400">print</span>
|
||
<h3 class="text-xl font-semibold text-white">Ausdruck optional</h3>
|
||
</div>
|
||
<p class="text-gray-400">
|
||
Entscheide selbst: Fotos direkt vor Ort ausdrucken oder digital speichern – ganz flexibel nach deinen Wünschen.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-gray-800 p-6 rounded-2xl shadow-lg">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<span class="material-icons text-blue-400">view_comfy</span>
|
||
<h3 class="text-xl font-semibold text-white">Collagen erstellen</h3>
|
||
</div>
|
||
<p class="text-gray-400">
|
||
Mehrere Bilder in einer kreativen Collage kombinieren – ideal für Gruppen und besondere Erinnerungen.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-gray-800 p-6 rounded-2xl shadow-lg">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<span class="material-icons text-blue-400">collections</span>
|
||
<h3 class="text-xl font-semibold text-white">Collagen mit Druckoption</h3>
|
||
</div>
|
||
<p class="text-gray-400">
|
||
Auch Collagen können direkt ausgedruckt oder digital gespeichert werden – für maximale Flexibilität.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-gray-800 p-6 rounded-2xl shadow-lg md:col-span-2">
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<span class="material-icons text-blue-400">cloud_upload</span>
|
||
<h3 class="text-xl font-semibold text-white">Online veröffentlichen</h3>
|
||
</div>
|
||
<p class="text-gray-400">
|
||
Bilder können optional online bereitgestellt werden. Gäste können ihre Fotos bequem abrufen, teilen oder herunterladen.
|
||
</p>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<section class="text-center">
|
||
<h2 class="text-2xl font-semibold text-white mb-4">Bereit für dein Event?</h2>
|
||
<p class="text-gray-400 mb-6">
|
||
Buche jetzt unsere Fotobox und sorge für unvergessliche Momente auf deiner Veranstaltung.
|
||
</p>
|
||
<a href="/contact.html" class="bg-blue-600 hover:bg-blue-500 text-white px-6 py-3 rounded-xl transition">
|
||
Jetzt anfragen
|
||
</a>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<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">
|
||
© <?php echo date("Y"); ?> 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>
|
||
|
||
</body>
|
||
</html>
|