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

マテリアルデザインの原則と、ビジネス/企業のWebサイト向けの類似の配色でスタイル設定されたシンプルなフッターナビゲーションコンポーネント。ダークモードをサポートし、応答性に優れています。

プレビュー

HTMLコード

<footer class="bg-gray-100 dark:bg-gray-800 py-6">
    <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">
                <img src="https://picsum.photos/200/50" alt="Company Logo" class="h-10" />
            </div>
            <div class="flex flex-col md:flex-row space-x-4">
                <a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">About Us</a>
                <a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Services</a>
                <a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Contact</a>
                <a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Privacy Policy</a>
            </div>
        </div>
        <div class="mt-6 text-center">
            <p class="text-gray-600 dark:text-gray-400 text-sm">© 2023 Company Name. All rights reserved.</p>
        </div>
    </div>
</footer>

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

プレビュー

HTMLコード

関連コンポーネント

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

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

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