CCHub Logo CCHub Tailwind Collection
Komponenten Komponenten für die Inhaltsanzeige Komponente "Inhaltsanzeige"

Komponente "Inhaltsanzeige"

Eine einfache, reaktionsschnelle Komponente zur Anzeige von Inhalten, die im brutalistischen Stil mit Komplementärfarben gestaltet ist. Geeignet für Geschäfts-/Unternehmenswebsites, die den Dunkelmodus unterstützen.

Vorschau

HTML-Code 

<div class="bg-white dark:bg-gray-800 text-black dark:text-white border border-black dark:border-white p-6 max-w-lg mx-auto">
    <h1 class="text-3xl font-bold mb-4">Company Title</h1>
    <img src="https://picsum.photos/500/300" alt="Content Image" class="w-full rounded-lg mb-4">
    <p class="text-lg mb-6">This is a brief description of the company. Emphasizing clear, bold statements to convey professionalism and competence in a raw form.</p>
    <div class="flex items-center">
        <img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full mr-3">
        <div class="">
            <h2 class="text-xl font-semibold">John Doe</h2>
            <p class="text-gray-600 dark:text-gray-400">CEO</p>
        </div>
    </div>
</div>

Verwandte Komponenten

Verspielte juwelenfarbene Anzeige von Fotografie-Inhalten

Eine komplexe, spielerische und unterhaltsame Komponente zur Anzeige von Inhalten für ein Fotoportfolio oder eine Fotogalerie mit hellen Juwelentönen, abgerundeten Elementen und einem responsiven Design mit Unterstützung für den Dunkelmodus. Es zeigt mehrere interaktive Elemente wie ausgewählte Bilder, Rasterlayouts und Profilabschnitte.

Offen

SimpleContentDisplay

Eine einfache Inhaltsanzeigekomponente mit responsivem Design und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS.

Offen

Komponenten für die Inhaltsanzeige

Eine einfache responsive Content-Display-Komponente im Vintage-Stil für den E-Commerce, die ein monochromatisches Farbschema verwendet und den Dunkelmodus unterstützt.

Offen