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

Komponente "Komponenten für die Inhaltsanzeige"

Eine reaktionsschnelle Komponente zur Anzeige von Inhalten, die für Geschäfts-/Unternehmenswebsites mit Unterstützung des Dunkelmodus und einem lebendigen Farbschema entwickelt wurde. Es enthält Abschnitte für Benutzer-Avatare, Textinhalte und Bilder.

Offen

Komponente "Inhaltsanzeige"

Eine Inhaltsanzeigekomponente im 3D-Stil, die Portfolioarbeiten oder Produkte mit einem Graustufen-Farbschema und responsivem Design einschließlich Unterstützung des Dunkelmodus präsentiert.

Offen

Komponente "Komponenten für die Inhaltsanzeige"

Glassmorphism Content Display Komponente mit Erdtönen

Offen