Componente Componenti sociali
Un componente di social media reattivo progettato con lo stile Neumorphism e il supporto del tema scuro, caratterizzato da un layout semplice ed elementi minimali.
Codice HTML
<div class="bg-gray-100 dark:bg-gray-800 rounded-lg shadow-md p-4 max-w-md mx-auto mt-10">
<div class="flex items-center space-x-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-12 h-12 rounded-full shadow-lg">
<div>
<h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">John Doe</h2>
<p class="text-gray-600 dark:text-gray-300">@john_doe</p>
</div>
</div>
<p class="mt-4 text-gray-800 dark:text-gray-400">Just another day exploring the wonders of nature!</p>
<img src="https://picsum.photos/400/200" alt="Nature Image" class="mt-4 rounded-lg shadow-lg">
<div class="mt-4 flex justify-between">
<button class="bg-blue-500 text-white rounded-full px-4 py-2 shadow-md hover:bg-blue-600 focus:outline-none">Like</button>
<button class="bg-blue-500 text-white rounded-full px-4 py-2 shadow-md hover:bg-blue-600 focus:outline-none">Comment</button>
</div>
</div>Componenti correlati
Componente Componenti sociali
Un componente reattivo per i social media progettato con un'estetica retrò/vintage, caratterizzato da un'interfaccia ricca con più elementi interattivi e un tema scuro.
Componente Componenti sociali
Una scheda social media semplice e reattiva per contenuti di notizie/giornalismo con un'estetica industriale e una combinazione di colori autunnali, incluso il supporto della modalità scura.
Componente Componenti sociali
Una componente sociale in stile bruto che mostra gli articoli del portfolio con una combinazione di colori triadica, perfetta per esporre lavori o prodotti.