diff --git a/css/styles.css b/css/styles.css index 224cea3..6368c6c 100644 --- a/css/styles.css +++ b/css/styles.css @@ -897,4 +897,45 @@ i.icon-x, text-align: center; /* Supprimer la couleur rouge par défaut pour utiliser les classes spécifiques */ color: inherit; +} + +/* Styles pour le menu mobile des réseaux sociaux */ +.mobile-social-icons { + display: flex; + justify-content: center; + gap: 20px; + margin: 15px 0; + padding: 10px 15px; +} + +.mobile-social-icons a { + font-size: 24px; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #f5f5f5; + transition: transform 0.2s, background-color 0.2s; +} + +.mobile-social-icons a:hover { + transform: scale(1.1); + background-color: #e8e8e8; +} + +@media (max-width: 1000px) { + .mobile-menu-section .social-icons { + display: flex; + } +} + +.mobile-section-title { + font-size: 18px; + font-weight: 600; + margin: 20px 0 10px; + padding: 0; + color: #333; + text-align: center; } \ No newline at end of file diff --git a/index.php b/index.php index 058a595..06a922c 100644 --- a/index.php +++ b/index.php @@ -402,6 +402,17 @@ Sport + + + +

Suivez-nous

+
+ + + + + +