ミニマリストフッターナビゲーション

レスポンシブデザインとダークモードをサポートするブログ用のミニマリストフッターナビゲーションコンポーネント。

プレビュー

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">&copy; 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>

関連コンポーネント

フッターナビゲーションコンポーネント - 等幅/開発者スタイル

農業/農業のWebサイト向けに設計された複雑でレスポンシブなフッターナビゲーションコンポーネントで、グラデーションのレインボーカラースキームとダークモードのサポートを備えたモノスペース/開発者の美学を特徴としています。

開ける

フッターナビゲーションコンポーネント

ダークモードをサポートするグレースケールの配色を使用する企業のWebサイト用の、レスポンシブで複雑なNeumorphismスタイルのフッターナビゲーションコンポーネント。JavaScript はありません。

開ける

NeonGlowフッターナビゲーション

音楽/オーディオプラットフォーム向けに設計された、ネオン/グローエフェクトを備えたレスポンシブフッターナビゲーションコンポーネント。黒と白の配色、鮮やかなアクセントカラー、ダークモードのサポート、セマンティックHTMLが特徴です。

開ける