DarkTriadicSimpleBusinessHeader
Адаптивный компонент заголовка с поддержкой темного режима для бизнес-сайтов
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>Связанные компоненты
Бизнес-заголовок Material Design
Вдохновленный Material Design простой компонент заголовка с дополнительной цветовой схемой для бизнес-сайтов. Адаптивный дизайн с поддержкой темных тем.
RetroHeaderComponent (РетроЗаголовокКомпонент)
Ретро/винтажный компонент заголовка с отзывчивыми эффектами и поддержкой темных тем.
Компонент 3D заголовка
Сложный интерактивный компонент заголовка, разработанный для интерфейсов социальных сетей с использованием 3D-стиля с оттенками серого. Он включает в себя логотип, строку поиска, аватары пользователей и кнопки действий с отзывчивым поведением и поддержкой темного режима.