サイトマップコンポーネント
ソーシャル メディア インターフェース用のマテリアル デザイン スタイルのサイトマップ コンポーネントで、Tailwind CSS を使用した応答性とダーク モードのサポートを特徴としています。ソーシャルネットワーキングプラットフォーム用のアースカラーと中程度の複雑さを組み込んでいます。
HTMLコード
<div class="bg-stone-100 text-stone-800 p-8 dark:bg-stone-800 dark:text-stone-200">
<div class="container mx-auto">
<h2 class="text-3xl font-bold mb-6">Site Map</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div>
<h3 class="text-xl font-semibold mb-4">General</h3>
<ul>
<li class="mb-2"><a href="#" class="hover:underline">Home</a></li>
<li class="mb-2"><a href="#" class="hover:underline">About Us</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Contact</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Blog</a></li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-4">Account</h3>
<ul>
<li class="mb-2"><a href="#" class="hover:underline">Profile</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Settings</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Privacy</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Security</a></li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-4">Social</h3>
<ul>
<li class="mb-2"><a href="#" class="hover:underline">Feed</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Messages</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Friends</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Groups</a></li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-4">Resources</h3>
<ul>
<li class="mb-2"><a href="#" class="hover:underline">Help Center</a></li>
<li class="mb-2"><a href="#" class="hover:underline">FAQs</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Terms of Service</a></li>
<li class="mb-2"><a href="#" class="hover:underline">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</div>関連コンポーネント
Neumorphic_Real_Estate_Sitemap_Component
不動産プラットフォーム向けのシンプルでレスポンシブなニューモーフィック サイト マップ コンポーネントで、グラデーションの虹色の配色とダーク モードのサポートを備えています。
Neumorphic Site Map コンポーネント
宝石のような色調のニューモーフィック スタイルで設計された複雑で応答性の高いサイト マップ コンポーネントで、ダーク モードのサポートなど、政府や公共サービスの Web サイトに適しています。