Composants d’affichage de contenu Composant 11
Un composant d’affichage de contenu de style rétro/vintage présentant des designs nostalgiques des années 80/90, avec des effets réactifs et une prise en charge du thème sombre.
HTML Code
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden">
<div class="flex flex-col md:flex-row items-center p-6">
<img class="w-full md:w-1/3 h-auto rounded-lg mb-4 md:mb-0" src="https://picsum.photos/300/200?random=1" alt="Random retro image">
<div class="md:ml-4">
<h2 class="text-2xl font-bold text-gray-800 dark:text-gray-100">Retro/Vintage Title</h2>
<p class="text-gray-600 dark:text-gray-400 mb-2">This is a nostalgic description that evokes the design style of the 80s and 90s, full of vibrant colors and retro aesthetics.</p>
<div class="flex items-center">
<img class="w-10 h-10 rounded-full border-2 border-gray-300 dark:border-gray-700 mr-2" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
<span class="text-gray-700 dark:text-gray-300">Posted by <span class="font-bold">User Name</span></span>
</div>
</div>
</div>
<div class="p-6">
<p class="text-gray-700 dark:text-gray-300">Here’s a bit more detail about the content. This section can be used to provide additional context or information.</p>
</div>
<div class="bg-gray-100 dark:bg-gray-700 p-4 text-right">
<button class="bg-blue-500 text-white rounded-md px-4 py-2 hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-800">Read More</button>
</div>
</div>
Composants associés
Memphis_Muted_Consulting_Content_Display
Un composant d’affichage de contenu pour le conseil/les services, inspiré du design de Memphis avec des couleurs sourdes et des motifs géométriques. Réactif avec prise en charge du mode sombre.
Memphis_Content_Display_Component
Composant d’affichage de contenu complexe et réactif pour les plateformes de divertissement/médias, avec un style Memphis Design avec une palette de couleurs noir et blanc et une couleur d’accentuation vive (fuchsia). Inclut la prise en charge du mode sombre et des images de repère d’emplacement.
Composant Composants d’affichage de contenu
Un composant d’affichage de contenu réactif avec prise en charge du mode sombre pour les sites Web d’entreprise.