Composants Pied de page Composant de pied de page

Composant de pied de page

Un composant de pied de page minimaliste avec des couleurs complémentaires, une complexité modérée et une intégration des médias sociaux. Dispose d’un design réactif et d’une prise en charge du mode sombre.

Aperçu

HTML Code

<footer class="bg-gray-100 dark:bg-gray-900 py-8">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex flex-wrap justify-between items-center">
      <div class="w-full md:w-1/3 text-center md:text-left mb-4 md:mb-0">
        <p class="text-gray-600 dark:text-gray-400 text-sm">&copy; 2023 SocialApp. All rights reserved.</p>
      </div>
      <div class="w-full md:w-1/3 flex justify-center mb-4 md:mb-0">
        <ul class="flex space-x-6">
          <li><a href="#" class="text-blue-600 dark:text-orange-400 hover:text-blue-800 dark:hover:text-orange-500 text-sm">Privacy Policy</a></li>
          <li><a href="#" class="text-blue-600 dark:text-orange-400 hover:text-blue-800 dark:hover:text-orange-500 text-sm">Terms of Service</a></li>
        </ul>
      </div>
      <div class="w-full md:w-1/3 flex justify-center md:justify-end">
        <ul class="flex space-x-4">
          <li><a href="#" class="text-blue-600 dark:text-orange-400 hover:text-blue-800 dark:hover:text-orange-500"><i class="fab fa-facebook-f"></i></a></li>
          <li><a href="#" class="text-blue-600 dark:text-orange-400 hover:text-blue-800 dark:hover:text-orange-500"><i class="fab fa-twitter"></i></a></li>
          <li><a href="#" class="text-blue-600 dark:text-orange-400 hover:text-blue-800 dark:hover:text-orange-500"><i class="fab fa-instagram"></i></a></li>
          <li><a href="#" class="text-blue-600 dark:text-orange-400 hover:text-blue-800 dark:hover:text-orange-500"><i class="fab fa-linkedin-in"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>

Composants associés

Composant de pied de page - Réservation/Réservation - Dark Mode Candy

Un composant de pied de page complexe et réactif conçu pour les systèmes de réservation. Dispose d’une interface utilisateur en mode sombre avec des couleurs vives, de plusieurs liens de navigation, d’icônes de médias sociaux et d’un abonnement à la newsletter. Entièrement réactif et prend en charge le mode sombre.

Ouvrir

Glassmorphism Footer

Un composant de pied de page réactif conçu avec le style glassmorphism, avec des effets de verre givré et la prise en charge des thèmes sombres à l’aide de Tailwind CSS.

Ouvrir

Portfolio-Minimaliste-Triadique-Complexe-Footer

Un pied de page complexe de style minimaliste pour un site Web de portfolio, utilisant une palette de couleurs triadique. Comprend des liens de navigation, des icônes de médias sociaux, des droits d’auteur et un appel à l’action pour le contact, avec une réactivité totale et une prise en charge du mode sombre.

Ouvrir