Компонент «Ретро карты»
Простой, отзывчивый и совместимый с темным режимом компонент Карт с ретро/винтажной эстетикой, яркой цветовой схемой и деловым/корпоративным назначением, созданный с помощью Tailwind CSS.
HTML-код
<section class="bg-gray-100 dark:bg-gray-900 py-12">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center text-gray-800 dark:text-white mb-8">Our Location</h2>
<div class="relative">
<img src="https://picsum.photos/seed/maps/800/400" alt="Map of our location" class="w-full h-96 object-cover rounded-lg shadow-lg">
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50 rounded-lg"></div>
<div class="absolute bottom-0 left-0 right-0 p-6 text-white">
<h3 class="text-2xl font-semibold mb-2">Find Us Here</h3>
<p class="text-gray-300">123 Main Street, Anytown, USA</p>
</div>
</div>
</div>
</section>Связанные компоненты
Paper_Print_Sepia_Sports_Map_Component
Отзывчивый компонент, похожий на карту, для спортивных и фитнес-приложений с дизайном, вдохновленным бумагой/печатью, и цветовой гаммой сепия/коричневый. Он включает в себя смоделированную область карты, булавки местоположения и легенду с полной поддержкой темного режима.
Компонент «Карты»
Сложный компонент карт, выполненный в стиле Material Design, подходит для дашбордов. Он объединяет адаптивные элементы, интерактивные функции и поддерживает эстетику темного режима с использованием аналогичной цветовой схемы.
Компонент бруталистских карт
Сложный компонент карты электронной коммерции в бруталистском стиле с монохроматическими цветами и поддержкой темного режима с использованием Tailwind CSS. На нем отображаются места расположения товаров с брутальными элементами дизайна.