Brutalisme E-commerce Footer Navigation
Un composant de navigation de pied de page simple et brutaliste pour le commerce électronique, avec des couleurs pastel et la prise en charge du mode sombre.
HTML Code
<footer class="bg-pink-100 text-purple-900 p-4 dark:bg-purple-900 dark:text-pink-100">
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<h2 class="text-2xl font-bold uppercase tracking-wider">ShopNow</h2>
</div>
<nav class="flex space-x-6">
<a href="#" class="text-lg uppercase hover:underline">Products</a>
<a href="#" class="text-lg uppercase hover:underline">About</a>
<a href="#" class="text-lg uppercase hover:underline">Contact</a>
<a href="#" class="text-lg uppercase hover:underline">Privacy</a>
</nav>
</div>
</footer>Composants associés
Composant de navigation en pied de page
Composant de navigation de pied de page inspiré de l’agriculture et de la nature pour une place de marché, avec des lignes fluides, une palette de couleurs analogues, plusieurs sections et un design réactif avec prise en charge du mode sombre.
NéonGlowFooterNavigation
Un composant de navigation de pied de page réactif avec des effets de néon/lueur, conçu pour les plateformes musicales/audio. Dispose d’une palette de couleurs noir et blanc avec une couleur d’accentuation vibrante, la prise en charge du mode sombre et le HTML sémantique.
Composant de navigation en pied de page
Un composant de navigation de pied de page réactif avec un thème sombre, adapté à un site web de portfolio. Il présente une palette de couleurs monochromatique avec différentes nuances d’une seule couleur, une complexité moyenne avec quelques fonctionnalités interactives, et utilise Tailwind CSS pour le style, y compris la prise en charge du mode sombre avec le préfixe dark :.