Brutalista Vai al link al contenuto (Foresta/Verde)
Un componente di collegamento "Salta al contenuto" grezzo e audace progettato in uno stile brutalista con una tavolozza di colori foresta/verde, adatto per i sistemi di prenotazione/prenotazione. È reattivo e supporta la modalità oscura.
Codice HTML
<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>Componenti correlati
Vai al componente Collegamento contenuto
Un semplice componente di collegamento "Salta al contenuto" semplice e monocromatico ispirato alla natura per CRM/Business Tools, che garantisce accessibilità e reattività con il supporto della modalità scura.
Salta al componente del collegamento al contenuto - Skeuomorphism Scala di grigi
Un link "Salta al contenuto" semplice e reattivo con design Skeuomorphic in scala di grigi per i contenuti del blog. Include il supporto per la modalità oscura.
Vai al componente Collegamento contenuto
Glassmorphism Salta al collegamento al contenuto con un effetto vetro smerigliato, sfocatura, reattività e supporto per la modalità scura utilizzando Tailwind CSS, senza JavaScript.