Composant d’en-tête
Un composant d’en-tête simple conçu à l’aide du style Neumorphism avec des couleurs vives, parfait pour un blog/une page Web de contenu. Il prend en charge le mode sombre pour un design réactif.
HTML Code
<header class="p-4 bg-gray-200 dark:bg-gray-800 rounded-lg shadow-md flex justify-between items-center">
<div class="flex items-center">
<img src="https://picsum.photos/50" alt="Logo" class="rounded-full shadow-md" />
<h1 class="text-2xl font-bold text-gray-800 dark:text-white ml-2">My Blog</h1>
</div>
<nav class="flex space-x-4">
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 transition duration-200">Home</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 transition duration-200">About</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 transition duration-200">Contact</a>
</nav>
</header>Composants associés
SkeuoHeaderComponent
Un composant d’en-tête réactif avec un design Skeuomorphism, la prise en charge du thème sombre et une barre de navigation.
Composant d’en-tête de réseau social
Un composant d’en-tête complexe, réactif en mode sombre, au design minimaliste et aux couleurs complémentaires, conçu pour les interfaces de médias sociaux.
Composant d’en-tête
Un composant d’en-tête complexe et réactif pour une place de marché multi-fournisseurs, inspiré de l’esthétique du papier/de l’impression avec une palette de couleurs aux tons de bijou. Comprend la recherche, la navigation, le profil de l’utilisateur et le panier.