Composants Pied de page Neumorphisme Terre Footer

Neumorphisme Terre Footer

Composant de pied de page réactif avec prise en charge du neumorphisme, des tons de terre et du thème sombre

Aperçu

HTML Code

```html
<footer class="bg-stone-100 dark:bg-stone-900 shadow-neumorphism-light dark:shadow-neumorphism-dark mt-12">
  <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
    <div class="text-center text-stone-700 dark:text-stone-300">
      <p>&copy; 2023 Your Company. All rights reserved.</p>
    </div>
  </div>
</footer>

<style>
.shadow-neumorphism-light {
  box-shadow: 5px 5px 10px #bdae9d, -5px -5px 10px #ffffff;
}

.dark .shadow-neumorphism-dark {
  box-shadow: 5px 5px 10px #1e1e1e, -5px -5px 10px #2e2e2e;
}
</style>
```

Composants associés

Composant de pied de page

Un composant de pied de page neumorphique pour un site Web de blog/contenu, schéma de couleurs monochromatique, avec prise en charge du mode sombre. Il s’agit d’un composant modérément complexe. Il est réactif.

Ouvrir

Composant de pied de page

Un composant de pied de page de style Brutalism avec des effets réactifs et une prise en charge du thème sombre à l’aide de Tailwind CSS.

Ouvrir

Industrial_Candy_Footer_Component

Un composant de pied de page réactif pour un forum/une plate-forme communautaire, présentant une esthétique « industrielle » avec des accents de couleur « bonbon/sucré ». Comprend des liens de navigation, des icônes de médias sociaux, des droits d’auteur et une inscription à la newsletter, avec une prise en charge complète du mode sombre.

Ouvrir