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

Komponente "Inhaltsanzeige"

Eine reaktionsschnelle Komponente zur Präsentation von Arbeiten oder Produkten im Dunkelmodus mit einem pastellfarbenen Farbschema.

Vorschau

HTML-Code 

<div class="bg-gray-800 dark:bg-gray-900 p-6 rounded-lg shadow-lg max-w-md mx-auto">
  <h2 class="text-2xl font-bold text-pink-300 dark:text-pink-200 mb-4">Project Title</h2>
  <img src="https://picsum.photos/400/200" alt="Project Image" class="rounded-lg mb-4 shadow-md">
  <p class="text-gray-300 dark:text-gray-200 mb-4">This is a brief description of the project. It showcases the unique features and the value it brings to users.</p>
  <div class="flex items-center mb-4">
    <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Avatar" class="w-10 h-10 rounded-full mr-2 shadow-lg">
    <span class="text-gray-400 dark:text-gray-200">Posted by John Doe</span>
  </div>
  <a href="#" class="inline-block bg-pink-500 hover:bg-pink-400 text-white font-semibold py-2 px-4 rounded mt-2">View More</a>
</div>

Verwandte Komponenten

Komponente "Inhaltsanzeige"

Eine reaktionsschnelle Inhaltsanzeigekomponente im Glassmorphism-Stil mit verschwommenem Hintergrund und durchscheinenden Elementen mit Unterstützung für den Dunkelmodus.

Offen

Komponenten für die Inhaltsanzeige Komponente 11

Eine Content-Display-Komponente im Retro-/Vintage-Stil mit nostalgischen Designs aus den 80er/90er Jahren, mit responsiven Effekten und Unterstützung für dunkle Themen.

Offen

Komponente "Inhaltsanzeige"

Eine Content-Display-Komponente, die in einem skeuomorphen Stil für den E-Commerce mit einem dunklen Thema entworfen wurde. Es präsentiert Produkte mit minimalen Elementen und verwendet ein analoges Farbschema für eine ansprechende Ästhetik.

Offen