CCHub Logo CCHub Tailwind Collection
Komponenten Medien-Komponenten Medienkomponenten Komponente 2

Medienkomponenten Komponente 2

Eine Medienkomponente im Retro-/Vintage-Stil mit einem nostalgischen Design, das von der Ästhetik der 80er/90er Jahre inspiriert ist, mit responsiven Effekten und Unterstützung für dunkle Themen, unter Verwendung von Tailwind CSS.

Vorschau

HTML-Code 

<div class="max-w-md mx-auto bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden">
    <img class="w-full h-48 object-cover" src="https://picsum.photos/seed/retro/400/300" alt="Retro Image">
    <div class="p-6">
        <div class="flex items-center mb-4">
            <img class="w-10 h-10 rounded-full border-2 border-gray-300 dark:border-gray-600 mr-3" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
            <div>
                <h2 class="text-xl font-bold text-gray-900 dark:text-white">John Doe</h2>
                <p class="text-gray-600 dark:text-gray-400 text-sm">@johndoe</p>
            </div>
        </div>
        <p class="text-gray-700 dark:text-gray-300 mb-4">This is a sample text for the media component, showcasing a retro design that brings back memories from the 80s and 90s.</p>
        <a href="#" class="text-blue-500 hover:text-blue-700 dark:hover:text-blue-400 font-semibold">Read More</a>
    </div>
</div>

Verwandte Komponenten

Cyberpunk_Dating_Media_Component

Eine reaktionsschnelle Medienkomponente für Dating-/Social-Media-Plattformen mit Cyberpunk-Ästhetik mit hellen Bonbonfarben, dunklen Hintergründen und interaktiven Elementen. Unterstützt den Dunkelmodus.

Offen

Glasmorphismus-Medienkomponente für die Fertigung

Eine reaktionsschnelle Glasmorphismus-Medienkomponente, die für Fertigungs-/Industrieanwendungen entwickelt wurde, mit mattierten, durchscheinenden Elementen, kühlen neutralen Farben und Unterstützung für den Dunkelmodus.

Offen

Art-Déco-Komponente für Reisemedien

Eine komplexe, vom Art Deco inspirierte Medienkomponente für Reise- und Tourismus-Websites mit Highlights in Sepia-/Brauntönen und geometrischen Mustern. Vollständig reaktionsschnell mit Unterstützung des Dunkelmodus.

Offen