Vorlage:LandingPage/ImageCard: Unterschied zwischen den Versionen
Aus Stadtsprachen
Nöth (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Nöth (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<templatestyles src="Template:LandingPage/ImageCard/styles.css" /> | <templatestyles src="Template:LandingPage/ImageCard/styles.css" /> | ||
<includeonly> | <includeonly> | ||
< | <a href="{{{link|#}}}" class="image-card group relative flex h-80 items-end overflow-hidden rounded-lg bg-gray-100 p-4 shadow-lg"> | ||
<div class=" | <div class="image-card-image"> | ||
[[File:{{{image|Sprachhandlungen1.jpg | [[File:{{{image|Sprachhandlungen1.jpg}}}|class=absolute inset-0 h-full w-full object-cover object-center transition duration-200 group-hover:scale-110]] | ||
</div> | </div> | ||
<div class=" | <div class="image-card-gradient pointer-events-none absolute inset-0 bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50"></div> | ||
<div class="image-card-text relative flex flex-col"> | |||
<span class="text-gray-300">{{{subtitle|Home}}}</span> | |||
<span class="text-lg font-semibold text-white lg:text-xl">{{{text|SPRACHHANDLUNGEN}}}</span> | |||
</div> | </div> | ||
</ | </a> | ||
</includeonly> | |||