Componente Profili utente
Un componente del profilo utente semplice e reattivo per l'e-commerce con microinterazioni, combinazione di colori complementare, supporto per la modalità scura e assenza di JavaScript.
Codice HTML
<div class="max-w-sm mx-auto bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
<div class="sm:flex sm:items-center px-6 py-4">
<img class="block mx-auto sm:flex-shrink-0 h-16 sm:h-24 rounded-full" src="https://randomuser.me/api/portraits/men/86.jpg" alt="User Avatar">
<div class="mt-4 sm:mt-0 sm:ml-4 text-center sm:text-left">
<p class="text-xl leading-5 font-medium text-gray-900 dark:text-white">John Doe</p>
<p class="text-sm leading-5 text-gray-600 dark:text-gray-400">Customer since 2023</p>
<button class="mt-4 px-4 py-2 border border-transparent text-sm leading-5 font-medium rounded-md text-white bg-blue-600 hover:bg-blue-500 focus:outline-none focus:border-blue-700 focus:shadow-outline-blue active:bg-blue-700 transition ease-in-out duration-150 dark:bg-blue-700 dark:hover:bg-blue-600">View Profile</button>
</div>
</div>
</div>Componenti correlati
Scheda profilo utente neumorfico - Pastello
Una scheda profilo utente semplice e reattiva con un design neumorfico a tema pastello, adatta per i portfolio, incluso il supporto della modalità scura.
Componente Profili utente
Un componente di profili utente reattivo e professionale progettato per applicazioni di criptovaluta/blockchain, caratterizzato da un design pulito e affidabile con una combinazione di colori complementare e supporto per la modalità oscura.
Componente Profili utente
Un componente dei profili utente progettato in uno stile brutalista con una combinazione di colori triadica, caratterizzata da una complessità moderata adatta al consumo di blog/contenuti e un design reattivo con supporto per temi scuri.