Composants Cartes Composant Retro Maps

Composant Retro Maps

Un composant de cartes simple et réactif avec un design rétro/vintage, une palette de couleurs analogue et une prise en charge du thème sombre, utilisant Tailwind CSS. Convient aux blogs ou aux sites Web de contenu.

Aperçu

HTML Code

<div class="bg-gray-200 dark:bg-gray-800 p-4 rounded-lg">
  <div class="aspect-w-16 aspect-h-9">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.7108355932566!2d144.963735!3d-37.814107!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b8c21cb29b%3A0x5045675218da3d1!2sMelbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2sus!4v1646014098405!5m2!1en!2sus" 
            width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" class="rounded-lg"></iframe>
  </div>
</div>

Composants associés

Composant de carte skeuomorphe

Un composant de carte simple et réactif avec un design skeuomorphe, une palette de couleurs de terre et une prise en charge du mode sombre, adapté à un portfolio.

Ouvrir

Composant Cartes

Un composant de carte simple et réactif avec une esthétique Material Design et une palette de couleurs de terre, avec prise en charge du mode sombre. Convient aux plates-formes de divertissement/médias pour afficher de manière ludique du contenu basé sur la localisation.

Ouvrir

Gradient_Forest_Maps_Component

Un composant de carte simple et réactif pour les plates-formes éducatives, doté d’une palette de dégradés vert forêt et de transitions fluides, avec prise en charge du mode sombre.

Ouvrir