Компоненты Навигация по нижнему колонтитулу Брутализм Электронная коммерция Навигация по нижнему колонтитулу

Брутализм Электронная коммерция Навигация по нижнему колонтитулу

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

Предварительный просмотр

HTML-код

<footer class="bg-pink-100 text-purple-900 p-4 dark:bg-purple-900 dark:text-pink-100">
  <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
    <div class="mb-4 md:mb-0">
      <h2 class="text-2xl font-bold uppercase tracking-wider">ShopNow</h2>
    </div>
    <nav class="flex space-x-6">
      <a href="#" class="text-lg uppercase hover:underline">Products</a>
      <a href="#" class="text-lg uppercase hover:underline">About</a>
      <a href="#" class="text-lg uppercase hover:underline">Contact</a>
      <a href="#" class="text-lg uppercase hover:underline">Privacy</a>
    </nav>
  </div>
</footer>

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

Компонент навигации по нижнему колонтитулу

Адаптивный компонент навигации по нижнему колонтитулу для информационных панелей с поддержкой темных тем, с микровзаимодействиями при наведении курсоров на ссылки с использованием триадических цветов и сложных элементов. Никакого JavaScript, только HTML с Tailwind CSS.

Открытый

Компонент навигации по нижнему колонтитулу 38

Адаптивный компонент навигации по нижнему колонтитулу, разработанный в скевоморфном стиле для имитации реальных элементов, с поддержкой темных тем и использованием Tailwind CSS. Этот компонент включает в себя ссылки, изображения-заполнители и аватары.

Открытый

Компонент навигации по нижнему колонтитулу

Простой компонент навигации по нижнему колонтитулу, выполненный в стиле Glassmorphism с монохроматической цветовой гаммой. Он адаптивный, поддерживает темный режим и подходит для сайтов электронной коммерции.

Открытый