CCHub Logo CCHub Tailwind Collection
Komponenten Landkarten Retro Maps-Komponente

Retro Maps-Komponente

Eine einfache, reaktionsschnelle und mit dem Dunkelmodus kompatible Kartenkomponente mit Retro-/Vintage-Ästhetik, lebendigem Farbschema und Geschäfts-/Unternehmenszwecken, die mit Tailwind CSS erstellt wurde.

Vorschau

HTML-Code 

<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>

Verwandte Komponenten

LuxuryFoodMapsComponent-Komponente

Eine elegante und reaktionsschnelle Essens-/Restaurant-Kartenkomponente mit einem Farbschema zum Thema Süßigkeiten, geeignet für Desktop, Tablet und Mobilgeräte, einschließlich Unterstützung des Dunkelmodus. Verfügt über einen markanten Kartenbereich und eine Liste von Premium-Restaurants.

Offen

Maps-Komponente

Eine responsive Kartenkomponente, die in einem skeuomorphen Stil mit einem monochromatischen Farbschema für ein Dashboard entworfen wurde und den Dunkelmodus unterstützt.

Offen

Cyberpunk_Gaming_Maps_Component

Eine einfache, reaktionsschnelle Cyberpunk-Kartenkomponente für Gaming-Interfaces mit dunklem Hintergrund, Neon-Akzenten und einem analogen Farbschema. Enthält Unterstützung für den Dunkelmodus.

Offen