Composant de plan du site
Un composant de sitemap de style Material Design pour les interfaces de médias sociaux, avec une prise en charge de la réactivité et du mode sombre à l’aide de Tailwind CSS. Intègre des tons de terre et une complexité moyenne pour les plateformes de réseaux sociaux.
HTML Code
<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>Composants associés
Industrial_Site_Map_Component
Un composant de plan de site pour les sites Web agricoles/agricoles avec une esthétique de design industriel, utilisant des neutres chauds. Dispose d’une mise en page réactive, d’une prise en charge du mode sombre et de sections de liens interactifs.
Retro_Healthcare_Sitemap_Component
Un composant de sitemap simple et réactif avec une esthétique rétro/vintage, une palette de couleurs analogue, adapté aux applications de santé, y compris la prise en charge du mode sombre.
Composant de plan du site
Un composant de sitemap réactif pour les plates-formes de divertissement/médias avec une interface utilisateur sombre et une palette de couleurs terre, avec plusieurs sections et un pied de page, prenant en charge le mode sombre.