Neumorfismo Earth Footer
Componente de pie de página responsivo con neumorfismo, tonos de tierra y compatibilidad con temas oscuros
Código HTML
```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>
```Componentes relacionados
Componente de pie de página
Un componente de pie de página diseñado en un estilo de neumorfismo, que admite efectos responsivos y temas oscuros mediante Tailwind CSS.
Luxury_Premium_Crypto_Footer
Un componente de pie de página elegante y receptivo para aplicaciones de criptomonedas/blockchain, con un número limitado de enlaces, derechos de autor e íconos de redes sociales. Utiliza un esquema de color azul corporativo con soporte para modo oscuro.
Pie de página de reservas corporativas
Un componente de pie de página corporativo complejo y responsivo diseñado para sistemas de reservas, con neutros cálidos y soporte para modo oscuro, utilizando HTML semántico y Tailwind CSS.