Composants Pied de page Glassmorphism Pied de page monochromatique

Glassmorphism Pied de page monochromatique

Un composant de pied de page simple et monochromatique pour un blog, avec un design réactif et une prise en charge du mode sombre.

Aperçu

HTML Code


<footer class="backdrop-blur-md bg-white/30 dark:bg-gray-800/30 text-gray-800 dark:text-gray-200 p-6">
  <div class="container mx-auto flex flex-col items-center justify-between md:flex-row">
    <div class="mb-4 md:mb-0 text-center md:text-left">
      <p>&copy; 2023 Blog Name. All rights reserved.</p>
    </div>
    <div class="flex space-x-4">
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Privacy Policy</a>
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Terms of Service</a>
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Contact</a>
    </div>
  </div>
</footer>

Composants associés

Pied de page Composant Pied de page

Un composant de pied de page simple avec un design Skeuomorphism subtil, utilisant une palette de couleurs analogue. Il comprend un avis de droit d’auteur, quelques liens de navigation et des icônes de médias sociaux. Le design est réactif et prend en charge le mode sombre.

Ouvrir

Composant de pied de page

Un composant de pied de page rétro/vintage réactif pour un blog avec une palette de couleurs triadique et une prise en charge du thème sombre.

Ouvrir

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.

Ouvrir