Intégration dans votre page HTML
Remplacez le div avec le placeholder d'image par le code suivant :
<div class="about-image">
<div class="animation-container">
<div class="grid-background"></div>
<div class="glow"></div>
<div class="particles">
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
</div>
<div class="buildings">
<div class="building"></div>
<div class="building"></div>
<div class="building"></div>
<div class="building"></div>
<div class="building"></div>
</div>
<div class="cranes">
<div class="crane">🏗️</div>
<div class="crane">⚙️</div>
</div>
<div class="tools">
<div class="tool">🔧</div>
<div class="tool">📐</div>
<div class="tool">🔨</div>
<div class="tool">📋</div>
</div>
<div class="center-text">
<h3>Une équipe</h3>
<p>expérimentée</p>
</div>
</div>
</div>
N'oubliez pas d'ajouter le CSS correspondant dans la section <style> de votre page !
Caractéristiques de l'animation :
- 🏢 Bâtiments animés - Croissance rythmée évoquant le développement
- 🏗️ Grues en mouvement - Symbolisant l'activité de construction
- ✨ Particules flottantes - Effet dynamique et moderne
- 🔧 Outils flottants - Rappel de l'aspect technique
- 💫 Grille animée - Plans et projets en mouvement
- 🎯 Effet de lueur central - Met en valeur le texte de l'équipe
- 📱 Responsive - S'adapte aux écrans mobiles