CCHub Logo CCHub Tailwind Collection
구성 요소 바닥글 Luxury_Pastel_Government_Footer

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

관련 구성 요소

Neumorphism Footer 컴포넌트

어두운 테마를 지원하는 Resposive Neumorphism Footer Component

열다

포트폴리오-미니멀리스트-트라이어딕-복잡-바닥글

포트폴리오 웹사이트를 위한 복잡하고 미니멀한 스타일의 바닥글로, 트라이어딕 색 구성표를 사용합니다. 탐색 링크, 소셜 미디어 아이콘, 저작권, 연락을 위한 클릭 유도문안이 포함되어 있으며 완전한 응답성과 다크 모드를 지원합니다.

열다

Neumorphic Vibrant 바닥글

단순하고 반응이 빠른 바닥글 구성 요소는 뉴모픽 디자인 원칙과 생생한 색상으로 스타일링되었습니다. 미묘한 그림자가 있는 부드럽고 돌출된 외관을 특징으로 하는 동시에 고채도 악센트 색상을 유지합니다. 바닥글에는 사이트 탐색, 소셜 링크 및 전체 다크 모드를 지원하는 저작권 정보에 대한 기본 섹션이 포함되어 있습니다.

열다