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">© 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>
관련 구성 요소
Footer Navigation 구성 요소
Material Design을 사용한 전자 상거래를 위한 바닥글 탐색 구성 요소 - 반응형 및 다크 모드를 지원하는 간단한 구성 요소로, 보색 구성표를 특징으로 합니다.
Footer Navigation 구성 요소
레트로/빈티지 디자인 스타일의 반응형 바닥글 탐색 구성 요소로, 생생한 색상을 사용하고 소셜 미디어 인터페이스에 맞게 조정되었습니다.
Footer Navigation 구성 요소
단색 색 구성표가 있는 Glassmorphism 스타일로 설계된 간단한 바닥글 탐색 구성 요소입니다. 반응형이고 다크 모드를 지원하며 전자 상거래 웹 사이트에 적합합니다.