Composant d’intégration de média
Un composant d’intégration multimédia de style Neumorphism adapté à la consommation de blogs et de contenus, doté d’une palette de couleurs triadique. Conception réactive avec prise en charge du mode sombre.
HTML Code
<div class="flex items-center justify-center p-6 bg-gray-200 dark:bg-gray-800 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 ease-in-out">
<div class="flex flex-col bg-white dark:bg-gray-900 rounded-lg p-4 shadow-lg">
<img src="https://picsum.photos/400/200" alt="Media Image" class="rounded-md mb-4">
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-2">Media Title</h2>
<p class="text-gray-600 dark:text-gray-400 mb-4">This is a brief description of the media content to provide context to the readers.</p>
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-10 h-10 rounded-full mr-2">
<span class="text-gray-700 dark:text-gray-300">Author Name</span>
</div>
</div>
</div>Composants associés
Composant d’intégration multimédia 14
Un composant d’intégration multimédia conçu dans un style skeuomorphe, avec des effets réactifs et une prise en charge des thèmes sombres. Il comprend une image, une description et un avatar de l’utilisateur.
Composant d’intégration de média
Un composant d’intégration multimédia réactif avec prise en charge du thème sombre pour les sites de blog/contenu, stylisé selon les principes de conception matérielle, une palette de couleurs triadique et une complexité modérée. Comprend un espace réservé vidéo intégré et des liens vers des articles connexes.
Composant d’intégration de média
Un composant multimédia d’intégration minimaliste conçu pour les tableaux de bord avec un design réactif et une prise en charge du thème sombre à l’aide de Tailwind CSS.