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
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>© 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.
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.
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.