Brutalist Skip to Content Link (Forest/Green)
A raw, bold 'Skip to Content' link component designed in a brutalist style with a forest/green color palette, suitable for booking/reservation systems. It's responsive and supports dark mode.
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>Related Components
Glassmorphism Skip to Content Link
Glassmorphism Skip to Content Link Component with Earth Tones for Dashboard.
Skip to Content Link
A Skip to Content Link component with a 3D grayscale design for business websites. It is responsive and supports dark mode using Tailwind CSS. No JavaScript.
Skip to Content Link - Retro Monochromatic
Skip to Content Link Component with Retro/Vintage design, Monochromatic color scheme, and Simple complexity.