En-tête d’entreprise de conception matérielle
Material Design a inspiré un composant d’en-tête simple avec une palette de couleurs complémentaire pour les sites Web d’entreprise. Conception réactive avec prise en charge du thème sombre.
HTML Code
<header class="bg-blue-500 text-white py-4 shadow-md dark:bg-gray-800">
<div class="container mx-auto flex justify-between items-center">
<div class="text-xl font-bold">Business Name</div>
<nav>
<ul class="flex space-x-4">
<li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Home</a></li>
<li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">About</a></li>
<li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Services</a></li>
<li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Contact</a></li>
</ul>
</nav>
</div>
</header>Composants associés
Composant d’en-tête de commerce électronique
Un composant d’en-tête réactif, dynamique, inspiré du Material Design pour les sites Web de commerce électronique, avec la navigation, la recherche et les actions de l’utilisateur. Prend en charge le mode sombre.
Composant d’en-tête
Un composant d’en-tête réactif pour un tableau de bord avec des micro-interactions et des couleurs vives, prenant en charge le thème sombre.
Composant d’en-tête
Un composant d’en-tête réactif conçu dans un style Brutalism avec une palette de couleurs pastel pour un blog ou un site de contenu, intégrant la prise en charge du thème sombre.