CCHub Logo CCHub Tailwind Collection
Komponenten Komponenten für die Inhaltsanzeige SimpleContentDisplay

SimpleContentDisplay

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

Vorschau

HTML-Code 

<div class="container mx-auto p-4 max-w-sm">
  <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
    <img class="w-full h-48 object-cover" src="https://picsum.photos/seed/123/400/300" alt="Placeholder image">
    <div class="p-4">
      <h2 class="text-xl font-semibold text-gray-800 dark:text-white mb-2">Article Title</h2>
      <p class="text-gray-600 dark:text-gray-300 text-sm leading-relaxed">This is a brief description of the article content. It provides a sneak peek into what the user can expect to read.</p>
      <div class="flex items-center mt-4">
        <img class="w-8 h-8 rounded-full mr-2" src="https://randomuser.me/api/portraits/men/1.jpg" alt="Author avatar">
        <span class="text-gray-700 dark:text-gray-400 text-sm">John Doe</span>
      </div>
    </div>
  </div>
</div>

Verwandte Komponenten

Industrial_3D_Content_Display

Eine einfache, reaktionsschnelle Komponente zur Anzeige von Inhalten für Fertigungs-/Industrieunternehmen mit einem subtilen 3D-Design mit gedämpften Farben und Unterstützung des Dunkelmodus.

Offen

Retro E-Commerce Produktkartendisplay

Eine komplexe, reaktionsschnelle E-Commerce-Produktanzeigekomponente mit Retro-/Vintage-Ästhetik der 80er/90er Jahre, mit einem lila/violetten Farbschema, interaktiven Elementen und Unterstützung für den Dunkelmodus.

Offen

Komponente "Inhaltsanzeige"

Eine Komponente im Glassmorphism-Stil für die Anzeige von Portfolioinhalten mit interaktiven Elementen, die den Dunkelmodus unterstützt.

Offen