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

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

Простой, адаптивный компонент нижнего колонтитула с элементами 3D-дизайна и земляными тонами, разработанный для блога или контентного сайта с поддержкой темной темы.

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

HTML-код

<footer class="bg-gray-300 dark:bg-gray-800 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap justify-between items-center">
      <div class="w-full md:w-auto text-center md:text-left mb-4 md:mb-0">
        <p class="text-gray-700 dark:text-gray-300 text-sm">&copy; 2023 Your Blog Name. All rights reserved.</p>
      </div>
      <div class="w-full md:w-auto text-center md:text-right">
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Privacy Policy</a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Terms of Service</a>
      </div>
    </div>
  </div>
</footer>

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

3D аналог простого нижнего колонтитула блога

Адаптивный компонент нижнего колонтитула с поддержкой темной темы с использованием Tailwind CSS. Футер имеет простой 3D-дизайн с аналогичными цветами. Он оптимизирован для блогов/контентных сайтов.

Открытый

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

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

Открытый

Компонент нижнего колонтитула «Неоморфизм»

Компонент нижнего колонтитула Resposive Neumorphism с поддержкой темной темы

Открытый