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