CCHub Logo CCHub Tailwind Collection
Komponenten Zum Inhaltslink springen Zur Inhaltslink-Komponente springen

Zur Inhaltslink-Komponente springen

Eine Skip to Content Link-Komponente, die mit 3D-Elementen und Erdtönen entworfen und auf Dashboard-Schnittstellen zugeschnitten ist. Es enthält Stile für helle und dunkle Themen.

Vorschau

HTML-Code 

<div class="flex flex-col gap-4 p-4 bg-gray-100 dark:bg-gray-800 rounded-lg shadow-lg transform transition-all duration-300 hover:scale-105">
    <a href="#content" class="flex items-center justify-center h-12 px-4 font-medium text-white bg-brown-700 rounded-full shadow-md dark:bg-green-600 hover:bg-brown-600 dark:hover:bg-green-500 transition duration-300">
        Skip to Content
    </a>
    <p class="text-gray-800 dark:text-gray-300">
        Use this link to quickly navigate to the main content of the dashboard.
    </p>
    <img src="https://picsum.photos/200/100" alt="Dashboard Image" class="rounded-lg shadow-md" />
    <div class="flex items-center gap-4">
        <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar" class="w-12 h-12 rounded-full border-2 border-gray-300 dark:border-gray-600" />
        <span class="text-gray-800 dark:text-gray-300">User: John Doe</span>
    </div>
</div>

Verwandte Komponenten

Retro_Industrial_Skip_Content

Eine Link-Komponente im Retro-/Vintage-Stil für Industrie- und Fertigungswebsites mit 80er/90er-Jahre-Ästhetik, einem komplementären Farbschema (Orange/Blaugrün) und Unterstützung für den Dunkelmodus. Diese komplexe Komponente enthält interaktive Elemente für eine umfassende Benutzererfahrung.

Offen

Zur Inhaltslink-Komponente springen

Eine einfache, monochrome, von der Natur inspirierte Linkkomponente "Zum Inhalt springen" für CRM/Business-Tools, die Zugänglichkeit und Reaktionsfähigkeit mit Unterstützung des Dunkelmodus gewährleistet.

Offen

Zum Inhaltslink springen

Skip to Content Link Component orientiert sich an den Prinzipien des Material Designs und bietet responsives Design, Unterstützung für den Dunkelmodus und ein einfaches monochromatisches Farbschema für Social-Media-Anwendungen.

Offen