CCHub Logo CCHub Tailwind Collection
コンポーネント フッター フッターコンポーネント

フッターコンポーネント

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>

関連コンポーネント

フッターコンポーネント

Tailwind CSS を使用して、ダーク テーマをサポートするレトロ/ビンテージ スタイルでデザインされたシンプルなレスポンシブ フッター コンポーネント。ビジネス/企業のWebサイトに適した基本的なレイアウトが特徴です。

開ける

Skeuomorphic フッター コンポーネント

スキューモーフィックデザイン、類似の配色(緑、青緑)、およびビジネスWebサイトに適した適度な複雑さを備えたレスポンシブフッターコンポーネント。リンク、ロゴプレースホルダー、シャドウとグラデーションで実現される微妙なスキューモーフィック効果が含まれています。ライトモードとダークモードをサポートします。

開ける

ニューモーフィックバイブラントフッター

シンプルでレスポンシブなフッター コンポーネントで、ニューモルフィックなデザイン原則と鮮やかな色でスタイル付けされています。繊細な影のある柔らかく押し出された外観が特徴で、彩度の高いアクセントカラーを維持しています。フッターには、サイトナビゲーション、ソーシャルリンク、およびダークモードを完全にサポートする著作権情報の基本セクションが含まれています。

開ける