Luxury_Pastel_Government_Footer
정부 또는 공공 서비스 웹사이트를 위한 우아하고 반응이 빠른 바닥글 구성 요소로, 파스텔 색 구성표와 다크 모드를 지원하는 고급스러운 디자인이 특징입니다. 탐색 링크, 연락처 정보, 소셜 미디어 및 저작권이 포함됩니다.
HTML 코드
<footer class="bg-gradient-to-r from-teal-50 to-blue-50 text-gray-700 dark:from-gray-900 dark:to-gray-950 dark:text-gray-300 py-12 px-4 shadow-inner border-t border-gray-200 dark:border-gray-800">
<div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">
<!-- Logo & Description -->
<div class="flex flex-col items-start">
<a href="#" class="flex items-center space-x-3 rtl:space-x-reverse mb-4">
<svg class="w-8 h-8 text-teal-600 dark:text-teal-400" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M2.25 6a3 3 0 013-3h13.5a3 3 0 013 3v10.5a3 3 0 01-3 3H5.25a3 3 0 01-3-3V6zm3-.75a.75.75 0 00-.75.75v10.5c0 .414.336.75.75.75h13.5a.75.75 0 00.75-.75V6a.75.75 0 00-.75-.75H5.25zM6 9a.75.75 0 01.75-.75h10.5a.75.75 0 01.75.75v4.5a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V9z" clip-rule="evenodd" />
</svg>
<span class="self-center text-3xl font-serif font-semibold whitespace-nowrap text-teal-800 dark:text-teal-200">Government</span>
</a>
<p class="text-sm text-gray-600 dark:text-gray-400 leading-relaxed max-w-xs">
Committed to serving the public with transparency관련 구성 요소
Finance 바닥글 구성 요소
금융 및 은행 인터페이스를 위한 반응형 바닥글 구성 요소로, 보색 구성표, Material Design 원칙 및 완전한 다크 모드 지원을 특징으로 합니다. 탐색 링크, 소셜 미디어 아이콘 및 저작권 고지가 포함됩니다.
Luxury_Premium_Crypto_Footer
암호화폐/블록체인 애플리케이션을 위한 우아하고 반응이 빠른 바닥글 구성 요소로, 제한된 수의 링크, 저작권 및 소셜 미디어 아이콘을 제공합니다. 어두운 모드를 지원하는 회사 파란색 색 구성표를 사용합니다.