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 de média
Un composant d’intégration multimédia réactif avec des éléments de conception 3D et la prise en charge du thème sombre à l’aide de Tailwind CSS.
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 minimaliste et plat avec une palette de couleurs de tons de terre, adapté aux sites Web d’entreprise / d’entreprise. Il s’agit d’un composant de complexité modérée avec une conception réactive et une prise en charge du thème sombre à l’aide de Tailwind CSS. Aucun JavaScript n’est inclus.