Aller au composant de lien de contenu - Skeuomorphisme en niveaux de gris
Un lien simple et réactif « Skip to Content » avec un design skeuomorphique en niveaux de gris pour le contenu du blog. Inclut la prise en charge du mode sombre.
HTML Code
<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:bg-gray-200 focus:text-gray-900 focus:px-4 focus:py-2 focus:rounded focus:shadow-lg dark:focus:bg-gray-700 dark:focus:text-gray-100 dark:focus:shadow-xl">Skip to content</a>
<main id="main-content" class="p-4">
<!-- Your main content goes here -->
<h1 class="text-2xl font-bold mb-4 text-gray-800 dark:text-gray-200">Main Content Area</h1>
<p class="text-gray-700 dark:text-gray-300">This is the main content of the page. The "Skip to content" link will bring you here.</p>
</main>Composants associés
Aller au composant de lien de contenu
Un composant de lien neumorphique « Skip to Content » pour l’accessibilité dans les applications technologiques/SaaS, avec une palette de couleurs violet/violet et une réactivité totale avec prise en charge du mode sombre.
Aller au composant de lien de contenu
Un composant Web qui fournit un lien pour passer au contenu principal, stylisé en Material Design avec une palette de couleurs pastel, adapté aux sites Web de commerce électronique. Il présente un design réactif avec prise en charge du thème sombre.
Aller au composant de lien de contenu
Un composant de lien simple, monochrome et inspiré de la nature pour les outils CRM/Business, garantissant l’accessibilité et la réactivité avec la prise en charge du mode sombre.