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>Связанные компоненты
Компонент заголовка
Компонент заголовка в стиле Neumorphism для портфолио с темной темой, адаптивным дизайном и множеством интерактивных элементов.
Заголовок социальных сетей
Адаптивный компонент заголовка для интерфейсов социальных сетей, разработанный с использованием темного режима пользовательского интерфейса с использованием триадической цветовой схемы и минимального количества элементов. Он включает в себя название сайта, строку поиска и ссылку на профиль пользователя, а стили адаптированы для темного режима с помощью Tailwind CSS.
Компонент заголовка
Минималистичный компонент заголовка с плоским дизайном для портфолио с адаптивным дизайном с поддержкой темных тем и множеством интерактивных элементов.