Componente de mapa del sitio
Un componente de mapa del sitio al estilo de Material Design para interfaces de redes sociales, con capacidad de respuesta y compatibilidad con el modo oscuro mediante Tailwind CSS. Incorpora tonos tierra y complejidad media para plataformas de redes sociales.
Código 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>Componentes relacionados
Componente de mapa del sitio
Un componente de mapa del sitio de estilo retro/vintage con efectos responsivos y compatibilidad con temas oscuros.
Componente de mapa del sitio
Un componente de mapa del sitio retro/vintage diseñado para interfaces de redes sociales, utilizando un esquema de color monocromático. Presenta un diseño simple con un tema oscuro para una mejor legibilidad y atractivo estético.
Componente de mapa del sitio
Un componente de mapa del sitio diseñado en un estilo brutalista con un tema oscuro, ideal para sitios web comerciales profesionales. Presenta un diseño audaz con elementos interactivos y de alto contraste.