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

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

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

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

HTML-код

<footer class="bg-blue-100 dark:bg-blue-900">
  <div class="container mx-auto px-6 py-8">
    <div class="flex flex-col items-center text-center">
      <div class="flex flex-wrap justify-center -mx-4">
        <a href="#" class="mx-4 text-sm text-blue-800 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300 ease-in-out transform hover:scale-110">About</a>
        <a href="#" class="mx-4 text-sm text-red-800 dark:text-red-200 hover:text-red-600 dark:hover:text-red-400 transition duration-300 ease-in-out transform hover:scale-110">Blog</a>
        <a href="#" class="mx-4 text-sm text-yellow-800 dark:text-yellow-200 hover:text-yellow-600 dark:hover:text-yellow-400 transition duration-300 ease-in-out transform hover:scale-110">Careers</a>
        <a href="#" class="mx-4 text-sm text-blue-800 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300 ease-in-out transform hover:scale-110">Contact Us</a>
      </div>
      <p class="mt-4 text-sm text-blue-800 dark:text-blue-200">&copy; 2023 Dashboard Inc. All rights reserved.</p>
    </div>
  </div>
</footer>

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

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

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

Открытый

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

Компонент навигации по нижнему колонтитулу в 3D-стиле с адаптивным дизайном и поддержкой темного режима.

Открытый

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

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

Открытый