Composant de la table des matières
Un composant de table des matières réactif conçu avec des éléments skeuomorphes et des tons de terre pour une vitrine de portfolio, avec prise en charge du mode sombre.
HTML Code
<div class="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-semibold text-green-800 dark:text-green-200 mb-4">Table of Contents</h2>
<ul class="space-y-4">
<li class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-md transition duration-300 hover:shadow-lg">
<a href="#section1" class="text-gray-800 dark:text-gray-200 font-semibold">Section 1</a>
</li>
<li class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-md transition duration-300 hover:shadow-lg">
<a href="#section2" class="text-gray-800 dark:text-gray-200 font-semibold">Section 2</a>
</li>
<li class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-md transition duration-300 hover:shadow-lg">
<a href="#section3" class="text-gray-800 dark:text-gray-200 font-semibold">Section 3</a>
</li>
<li class="bg-white dark:bg-gray-700 rounded-lg p-4 shadow-md transition duration-300 hover:shadow-lg">
<a href="#section4" class="text-gray-800 dark:text-gray-200 font-semibold">Section 4</a>
</li>
</ul>
</div>Composants associés
Table des matières Composant - Tons de terre 3D
Un composant complexe de table des matières inspiré de la 3D pour les sites Web d’entreprise et d’entreprise, avec des tons de terre et une réactivité totale avec prise en charge du mode sombre. Conçu pour offrir de la profondeur et de l’engagement.
Composant de la table des matières
Un composant de table des matières réactif conçu pour le mode sombre, avec des sections avec des titres et des espaces réservés pour les images et les avatars.
Composant de la table des matières
Un composant de table des matières simple et réactif avec des effets de néon/lueur et une palette de couleurs d’automne, adapté aux portfolios ou aux galeries de photographie, y compris la prise en charge du mode sombre.