Компоненты Заголовок Бизнес-заголовок Material Design

Бизнес-заголовок 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>

Связанные компоненты

Компонент заголовка

Адаптивный компонент заголовка с микровзаимодействиями с небольшими привлекательными анимациями и поддержкой темных тем с использованием Tailwind CSS.

Открытый

Сложный заголовок панели управления

Сложный, отзывчивый компонент заголовка с элементами 3D дизайна, цветовой гаммой земляного тона, разработанный для дашбордов. Включает поддержку темной темы с использованием Tailwind CSS и использует picsum.photos и randomuser.me для демонстрационных изображений/аватаров.

Открытый

Скевоморфный компонент заголовка

Простой и адаптивный компонент заголовка, разработанный для сайтов электронной коммерции в скевоморфном стиле, использующий цветовую схему оттенков серого и поддерживающий темный режим.

Открытый