Componente Visualizzazione contenuto
Un componente di visualizzazione nostalgico con un design retrò, con effetti reattivi e supporto per temi scuri.
Codice HTML
<div class="max-w-xs mx-auto bg-white border border-gray-300 rounded-lg shadow-lg overflow-hidden dark:bg-gray-800 dark:border-gray-700">
<img class="w-full h-48 object-cover" src="https://picsum.photos/400/200?random=1" alt="Nostalgic Image">
<div class="p-4">
<div class="flex items-center">
<img class="w-10 h-10 rounded-full" src="https://randomuser.me/api/portraits/men/11.jpg" alt="Avatar">
<div class="ml-3">
<h2 class="text-lg font-bold text-gray-800 dark:text-gray-200">Retro Nostalgia</h2>
<p class="text-gray-600 dark:text-gray-400">Explore the vibrant designs of the 80s and 90s that inspired our modern aesthetics.</p>
</div>
</div>
<div class="mt-4">
<h3 class="text-md font-semibold text-gray-700 dark:text-gray-300">Join the Movement</h3>
<p class="text-gray-500 dark:text-gray-400">Be part of our journey as we explore retro designs, culture, and style.
</p>
</div>
<div class="flex justify-between mt-4">
<span class="text-gray-600 dark:text-gray-400">#Retro #Vintage</span>
<button class="bg-blue-500 text-white rounded-md px-4 py-2 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">Learn More</button>
</div>
</div>
</div>Componenti correlati
Visualizzazione giocosa dei contenuti fotografici in tono gioiello
Un componente di visualizzazione dei contenuti complesso, giocoso e divertente per un portfolio fotografico o una galleria, caratterizzato da toni gioiello luminosi, elementi arrotondati e un design reattivo con supporto per la modalità scura. Mostra più elementi interattivi come immagini in primo piano, layout a griglia e sezioni del profilo.
Componente Visualizzazione contenuto
Un componente in stile glassmorphism per la visualizzazione di contenuti di portfolio con elementi interattivi, che supporta la modalità scura.
Swiss_International_Typography_Content_Display_Component
Un componente di visualizzazione dei contenuti pulito e minimalista per le dashboard, che enfatizza la tipografia e i sistemi a griglia con colori neutri freddi e reattività completa.