68 lines
3.2 KiB
HTML
68 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Wartungsarbeiten</title>
|
|
<script src="https://unpkg.com/lucide-react@latest/dist/lucide-react.min.js"></script>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
font-family: 'Inter', sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="min-h-screen flex flex-col bg-[#0a0e17]">
|
|
|
|
<header class="bg-[#0a0e17] border-b border-[#0ca579] p-4">
|
|
<div class="container mx-auto flex justify-center items-center">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="188" viewBox="84.60126403808594 58.07960418701172 170.79748718261717 133.84079162597655" class="w-48 h-auto">
|
|
<g fill="#0ca579">
|
|
<g transform="translate(130.99999994039536, 59.75408935546875)">
|
|
<svg width="78" height="89.44133565727915">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.30999755859375 74.88999938964844">
|
|
<g>
|
|
<path fill="#0ca579" d="M0 49.83l22.62 13.62V32.54L0 49.83z"></path>
|
|
<path fill="#00ea90" d="M34.85 0v29.75L0 49.83V19.62L34.85 0z"></path>
|
|
<path fill="#c1c1c1" d="M65.31 25.07L42.7 11.45v30.9l22.61-17.28z"></path>
|
|
<path fill="#6b6b6b" d="M30.46 74.89V45.15l34.85-20.08v30.21L30.46 74.89z"></path>
|
|
</g>
|
|
</svg>
|
|
</svg>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="flex-grow flex items-center justify-center px-4">
|
|
<div class="text-center">
|
|
<h1 class="text-[#0ca579] text-4xl font-bold mb-4">Wartungsarbeiten</h1>
|
|
<p class="text-white text-xl mb-8">Wir arbeiten gerade an Ihrer Website. Bald sind wir fertig!</p>
|
|
<div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-8 mb-8">
|
|
<div class="flex items-center text-white">
|
|
<svg class="w-6 h-6 mr-2 text-[#0ca579]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-2a9 9 0 11-9-9 9 9 0 019 9z" /></svg>
|
|
<span>Geschätzte Fertigstellung: 24-48 Stunden</span>
|
|
</div>
|
|
<div class="flex items-center text-white">
|
|
<svg class="w-6 h-6 mr-2 text-[#0ca579]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13l2 2 4-4m0 0l2 2 8-8M9 13l2 2 4-4m-8 4l2 2 4-4" /></svg>
|
|
<span>Status: In Arbeit</span>
|
|
</div>
|
|
</div>
|
|
<p class="text-gray-400">
|
|
Vielen Dank für Ihre Geduld. Bei Fragen kontaktieren Sie uns bitte unter
|
|
<a href="mailto:clickcandit@gmail.com" class="text-[#0ca579] hover:underline">clickcandit@gmail.com</a>
|
|
</p>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="bg-[#0a0e17] border-t border-[#0ca579] p-4">
|
|
<div class="container mx-auto text-center text-gray-400">
|
|
<p>© <script>document.write(new Date().getFullYear());</script> ClickCandit. Alle Rechte vorbehalten.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|