Компонент отображения содержимого
Простой, отзывчивый компонент отображения контента, выполненный в брутальном стиле с дополнительными цветами. Подходит для деловых/корпоративных сайтов, поддерживающих темный режим.
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>Связанные компоненты
Компонент компонентов отображения содержимого
Адаптивный компонент отображения контента, разработанный для бизнес/корпоративных сайтов с поддержкой темного режима и яркой цветовой гаммой. Он включает в себя разделы для аватаров пользователей, текстового контента и изображений.
Простой ContentDisplay (Простой ContentDisplay)
Простой компонент отображения контента с адаптивным дизайном и поддержкой темной темы с использованием Tailwind CSS.
Компонент отображения содержимого
Адаптивный компонент отображения контента с минималистичным и плоским дизайном, идеально подходящий для блогов и потребления контента. Он имеет цветовую гамму в оттенках серого и оснащен интерактивными элементами с поддержкой темного режима.