Page en constuction
Une simple page HTML pour prévenir vos visiteurs que le site est en constuction
<!DOCTYPE html>
<html lang= »fr-BE »>
<head>
<meta charset= »UTF-8″ />
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″ />
<title>Site en construction</title>
<script src= »https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4″></script>
<style>
@keyframes spin-slow {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.spin-slow {
animation: spin-slow 4s linear infinite;
}
</style>
</head>
<body class= »bg-gradient-to-br from-gray-100 to-gray-300 flex items-center justify-center min-h-screen »>
<div class= »text-center px-6″>
<div class= »text-6xl mb-6 spin-slow inline-block »>⚙️</div>
<h1 class= »text-3xl md:text-4xl font-bold text-gray-800 mb-4″>Site en construction</h1>
<p class= »text-gray-600 text-lg mb-6″>
Le site est en construction.<br>Revenez bientôt pour découvrir notre nouveau look !
</p>
<a href= »https://arpeggio.be » class= »inline-block bg-[#1d202a] hover:bg-white text-white hover:text-black font-semibold py-4 px-8 rounded shadow transition »>
Me contacter
</a>
</div>
</body>
</html>