Компонент отображения содержимого
Простой, отзывчивый компонент отображения контента, выполненный в брутальном стиле с дополнительными цветами. Подходит для деловых/корпоративных сайтов, поддерживающих темный режим.
HTML-код
<div class="bg-white dark:bg-gray-800 text-black dark:text-white border border-black dark:border-white p-6 max-w-lg mx-auto">
<h1 class="text-3xl font-bold mb-4">Company Title</h1>
<img src="https://picsum.photos/500/300" alt="Content Image" class="w-full rounded-lg mb-4">
<p class="text-lg mb-6">This is a brief description of the company. Emphasizing clear, bold statements to convey professionalism and competence in a raw form.</p>
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full mr-3">
<div class="">
<h2 class="text-xl font-semibold">John Doe</h2>
<p class="text-gray-600 dark:text-gray-400">CEO</p>
</div>
</div>
</div>Связанные компоненты
Компонент отображения содержимого
Компонент отображения контента с дизайном стекломорфизма с адаптивной версткой и поддержкой темных тем.
Компонент отображения контента в стиле ар-деко
Сложный, отзывчивый компонент отображения контента в стиле ар-деко для бизнес/корпоративных веб-сайтов с геометрическими узорами, насыщенными оттенками драгоценных камней и поддержкой темного режима. Включает несколько разделов для функций, отзывов и призывов к действию.
Pastel3DBlogContentCard (Пастель3DBlogContentCard)
Адаптивный компонент отображения контента для блогов или разделов контента, разработанный с помощью Tailwind CSS. Он отличается простой компоновкой с эстетикой, вдохновленной 3D, с использованием теней и эффектов наведения. Цветовая гамма - мягкая пастель для светлого режима, с совместимой темой темного режима. Компонент включает в себя изображение, название, метаданные (автор/дата), выдержку и кнопку «Подробнее». Изображения-заполнители используются из picsum.photos и randomuser.me.