바닥글 구성 요소
Tailwind CSS를 사용하여 어두운 테마를 지원하는 레트로/빈티지 스타일로 디자인된 간단한 반응형 바닥글 구성 요소입니다. 비즈니스/기업 웹사이트에 적합한 기본 레이아웃이 특징입니다.
HTML 코드
<footer class="bg-blue-900 text-white py-6 mt-10 dark:bg-gray-800">
<div class="container mx-auto text-center">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<img src="https://picsum.photos/100/50" alt="Company Logo" class="mx-auto mb-2">
<h2 class="text-lg font-bold">Company Name</h2>
<p class="text-sm">Your tagline goes here.</p>
</div>
<div>
<h3 class="text-md font-semibold mb-2">Follow Us</h3>
<div class="flex justify-center space-x-4">
<a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Facebook" class="h-6 w-6"></a>
<a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/men/2.jpg" alt="Twitter" class="h-6 w-6"></a>
<a href="#" class="text-gray-400 hover:text-gray-200"><img src="https://randomuser.me/api/portraits/women/1.jpg" alt="Instagram" class="h-6 w-6"></a>
</div>
</div>
</div>
<div class="mt-6 border-t border-gray-600 pt-4">
<p class="text-xs">© 2023 Company Name. All rights reserved.</p>
</div>
</div>
</footer>관련 구성 요소
Luxury_Premium_Crypto_Footer
암호화폐/블록체인 애플리케이션을 위한 우아하고 반응이 빠른 바닥글 구성 요소로, 제한된 수의 링크, 저작권 및 소셜 미디어 아이콘을 제공합니다. 어두운 모드를 지원하는 회사 파란색 색 구성표를 사용합니다.
Memphis_Purple_Entertainment_Footer_Component
엔터테인먼트/미디어 플랫폼을 위한 간단한 바닥글 구성 요소로, 대담한 보라색-보라색 색상, 기하학적 요소, 다크 모드 지원으로 완전한 응답성을 갖춘 Memphis Design 스타일을 특징으로 합니다.