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
En-tête de tableau de bord complexe
Un composant d’en-tête complexe et réactif avec des éléments de conception 3D, une palette de couleurs de terre, conçu pour les tableaux de bord. Inclut la prise en charge du thème sombre à l’aide de Tailwind CSS et utilise picsum.photos et randomuser.me pour les images de démonstration/avatars.
Composant d’en-tête
Un composant d’en-tête minimaliste et plat pour un portfolio, avec un design réactif avec prise en charge du thème sombre et plusieurs éléments interactifs.
Composant d’en-tête
Un composant d’en-tête réactif doté d’un design Glassmorphism avec des éléments translucides givrés ressemblant à du verre et une prise en charge du thème sombre.