Brutalista Saltar al contenido Enlace (Bosque/Verde)
Un componente de enlace "Saltar al contenido" en bruto y audaz diseñado en un estilo brutalista con una paleta de colores bosque/verde, adecuado para sistemas de reservas/reservas. Es responsivo y admite el modo oscuro.
Código 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>Componentes relacionados
Saltar al enlace de contenido
Saltar al contenido Enlace Componente alineado con los principios de Material Design, con diseño responsivo, compatibilidad con modo oscuro y un esquema de color monocromático simple para aplicaciones de redes sociales.
Saltar al componente de enlace de contenido
Glassmorphism Saltar al contenido Enlace con un efecto de vidrio esmerilado, desenfoque, capacidad de respuesta y compatibilidad con modo oscuro mediante Tailwind CSS, sin JavaScript.
SkipToContentLink
Vaya al componente de enlace de contenido con interfaz de usuario de modo oscuro, combinación de colores triádica y complejidad simple para el comercio electrónico.