Brutaliste Aller au lien vers le contenu (forêt/vert)
Un composant de lien brut et audacieux « Skip to Content » conçu dans un style brutaliste avec une palette de couleurs forêt/vert, adapté aux systèmes de réservation. Il est réactif et prend en charge le mode sombre.
HTML Code
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-6 focus:py-3 focus:text-lg focus:font-extrabold focus:uppercase focus:tracking-wider focus:bg-emerald-600 focus:text-lime-50 focus:ring-4 focus:ring-lime-300 focus:ring-offset-4 focus:ring-offset-emerald-900 dark:focus:bg-emerald-800 dark:focus:text-lime-200 dark:focus:ring-lime-600 dark:focus:ring-offset-emerald-950 dark:focus:ring-offset-8 transition-all duration-300 ease-in-out">Skip to Main Content</a>
<main id="main-content" class="min-h-screen bg-lime-50 text-emerald-900 dark:bg-emerald-950 dark:text-lime-50 p-8 container mx-auto flex items-center justify-center">
<h1 class="text-4xl md:text-6xl font-black uppercase tracking-widest text-center leading-tight">Main Booking Content Starts Here</h1>
</main>Composants associés
Aller au composant de lien de contenu
Un composant de lien rétro/vintage « Skip to Content » aux couleurs pastel, conçu pour les sites Web d’entreprise, avec accessibilité et prise en charge du mode sombre.
Aller au composant de lien de contenu
Un composant de lien « passer au contenu » propre et minimaliste pour les applications de sport/fitness, conçu avec une palette de couleurs en niveaux de gris. Il est réactif et prend en charge le mode sombre, en mettant l’accent sur la typographie et l’accessibilité.
Aller au composant de lien de contenu
Composant de lien Skip to Content réactif pour un tableau de bord avec un style Neumorphism et une palette de couleurs Earth Tones.