РетроИнфографикаКомпонент
Адаптивный компонент инфографики с ретро/винтажным дизайном, пастельной цветовой гаммой и поддержкой темного режима. Использует Tailwind CSS для стилизации и включает в себя множество интерактивных элементов для сложного интерфейса, подходящего для блогов и потребления контента. Включает временную шкалу, индикаторы выполнения, диаграммы и призыв к действию, стилизованные в эстетике 80-х/90-х годов и пастельных тонах. Использует случайные изображения из picsum.photos и randomuser.me для аватаров.
HTML-код
<div class="bg-gradient-to-b from-pink-200 to-purple-200 dark:from-gray-800 dark:to-gray-900 min-h-screen p-8 font-mono">
<div class="container mx-auto">
<h1 class="text-4xl text-center text-gray-800 dark:text-white mb-12 uppercase tracking-wide">Digital Voyage: An Infographic</h1>
</div>
</div>
</div>Связанные компоненты
Компонент инфографики
Адаптивный компонент инфографики с элементами 3D-дизайна, пастельной цветовой гаммой и умеренной сложностью для дашбордов, с поддержкой темного режима. Никакого JavaScript, только HTML с Tailwind CSS.
Компонент инфографики
Сложный, адаптивный компонент инфографики для бизнес-сайтов, разработанный в стиле скевоморфизма и яркой цветовой схемы с использованием Tailwind CSS. Включает поддержку темного режима и интерактивные элементы.
Компонент инфографики
Компонент инфографики для портфолио - Material Design, Аналогичная цветовая гамма, Умеренная сложность, Адаптивность, Поддержка темных тем