Компоненты Заголовок DarkTriadicSimpleBusinessHeader

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>

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

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

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

Открытый

SkeuoHeaderComponent (Компонент SkeuoHeader)

Адаптивный компонент заголовка со скевоморфизмом, поддержкой темных тем и панелью навигации.

Открытый

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

Компонент заголовка с микровзаимодействиями, дополнительная цветовая схема, сложная сложность, для целей панели управления, с использованием Tailwind CSS.

Открытый