DarkTriadicSimpleBusinessHeader
Componente intestazione reattiva con supporto della modalità oscura per siti Web aziendali
Codice HTML
<header class="bg-gray-900 text-gray-300 dark:bg-gray-dark dark:text-gray-light shadow-md">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<div class="text-xl font-bold text-white dark:text-white">Business Name</div>
<nav class="space-x-4">
<a href="#" class="hover:text-white dark:hover:text-white">Home</a>
<a href="#" class="hover:text-white dark:hover:text-white">About</a>
<a href="#" class="hover:text-white dark:hover:text-white">Services</a>
<a href="#" class="hover:text-white dark:hover:text-white">Contact</a>
</nav>
</div>
</div>
</header>Componenti correlati
Skeuomorphism Componente di intestazione del portfolio semplice triadico
Skeuomorphism Componente di intestazione del portfolio semplice triadico
Componente intestazione
Un semplice componente di intestazione progettato utilizzando lo stile del neumorfismo con colori vivaci, perfetto per un blog/pagina web di contenuti. È dotato di supporto per la modalità oscura per un design reattivo.
Componente intestazione
Un componente di intestazione semplice e reattivo per i social media, con supporto per la modalità scura. Presenta un logo, una barra di ricerca e un avatar dell'utente. Utilizza una combinazione di colori in scala di grigi.