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

Минималистичная навигация по нижнему колонтитулу

Минималистичный компонент навигации по нижнему колонтитулу для блогов с адаптивным дизайном и поддержкой темного режима.

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

HTML-код

<footer class="bg-gray-100 dark:bg-gray-900 text-gray-700 dark:text-gray-300 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-col md:flex-row justify-between items-center">
      <div class="mb-4 md:mb-0">
        <p class="text-sm">&copy; 2023 Your Blog Name. All rights reserved.</p>
      </div>
      <nav>
        <ul class="flex space-x-4">
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Home</a></li>
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">About</a></li>
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Contact</a></li>
        </ul>
      </nav>
    </div>
  </div>
</footer>

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

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

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

Открытый

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

Отзывчивый и сложный компонент навигации по нижнему колонтитулу в стиле Neumorphism для корпоративных сайтов, использующий цветовую схему в оттенках серого с поддержкой темного режима. Нет JavaScript.

Открытый

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

Компонент навигации по нижнему колонтитулу с темным режимом и отзывчивыми эффектами

Открытый