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

Komponente "Medienkomponenten"

Eine komplexe, reaktionsschnelle, mit dem Dark-Modus kompatible Social-Media-Komponente mit einem Glassmorphism-Stil mit leuchtenden Farben.

Offen

Einfacher Neumorphismus E-Commerce-Medienkomponente

Medienkomponente im Neumorphism-Stil mit Erdtönen, einfacher Komplexität, für E-Commerce-Websites, mit responsivem Design und Unterstützung für dunkle Themen. Verwendet picsum.photos für Bilder.

Offen

Medienkomponenten Komponente 39

Eine Medienkomponente, die mit der Benutzeroberfläche des Dunkelmodus entwickelt wurde und reaktionsschnelle Effekte und Unterstützung für dunkle Designs mit Tailwind CSS bietet.

Offen