CCHub Logo CCHub Tailwind Collection
コンポーネント フッターナビゲーション ブルータリズムEコマースフッターナビゲーション

ブルータリズムEコマースフッターナビゲーション

パステルカラーとダークモードをサポートする、eコマース用のシンプルなブルータリズムフッターナビゲーションコンポーネント。

プレビュー

HTMLコード 

<footer class="bg-pink-100 text-purple-900 p-4 dark:bg-purple-900 dark:text-pink-100">
  <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
    <div class="mb-4 md:mb-0">
      <h2 class="text-2xl font-bold uppercase tracking-wider">ShopNow</h2>
    </div>
    <nav class="flex space-x-6">
      <a href="#" class="text-lg uppercase hover:underline">Products</a>
      <a href="#" class="text-lg uppercase hover:underline">About</a>
      <a href="#" class="text-lg uppercase hover:underline">Contact</a>
      <a href="#" class="text-lg uppercase hover:underline">Privacy</a>
    </nav>
  </div>
</footer>

関連コンポーネント

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

ポートフォリオWebサイトに適した、ダークテーマのレスポンシブフッターナビゲーションコンポーネント。単色のさまざまな色合いの単色の配色、一部のインタラクティブ機能を備えた中程度の複雑さが特徴で、dark: プレフィックスを使用したダーク モードのサポートなど、スタイリングに Tailwind CSS を使用します。

開ける

ブルータリストEコマースフッターナビゲーション

ブルータリズムのEコマースフッターナビゲーション、類似の色、複雑、レスポンシブ、ダークモードサポート、JSなし

開ける

Skeuomorphic_Grayscale_Business_Footer

ビジネス/企業Webサイト用のレスポンシブでスキューモーフィックなグレースケールフッターナビゲーションコンポーネントで、ダークモードをサポートします。

開ける