Widget:Teaser: Unterschied zwischen den Versionen
Aus MediaWiki
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 15: | Zeile 15: | ||
text-align: center; | text-align: center; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | ||
transition: transform 0.3s ease; | |||
} | |||
.tile:hover { | |||
transform: translateY(-5px); | |||
} | |||
.tile a { | |||
text-decoration: none; | |||
color: inherit; | |||
display: block; | |||
} | } | ||
| Zeile 45: | Zeile 56: | ||
<div class="tiles-container"> | <div class="tiles-container"> | ||
<div class="tile"> | <div class="tile"> | ||
<img src=" | <a href="https://deine-webseite.com/seite1" target="_blank"> | ||
<img src="https://example.com/image1.jpg" alt="Bild 1"> | |||
<h3>Hofläden</h3> | |||
<p>Passend zum Herbst gibt es wieder Kartoffeln und Kürbisse im Bio Hofladen an der Gasselstiege</p> | |||
</a> | |||
</div> | </div> | ||
<div class="tile"> | <div class="tile"> | ||
<img src="https://example.com/image2.jpg" alt="Bild 2"> | <a href="https://deine-webseite.com/seite2" target="_blank"> | ||
<img src="https://example.com/image2.jpg" alt="Bild 2"> | |||
<h3>Happy Hour</h3> | |||
<p>Lust auf eine Kneipentour durch Münster? Dann wird dich die Happy Hour der Gaststätte Ziege freuen</p> | |||
</a> | |||
</div> | </div> | ||
<div class="tile"> | <div class="tile"> | ||
<img src="https://example.com/image3.jpg" alt="Bild 3"> | <a href="https://deine-webseite.com/seite3" target="_blank"> | ||
<img src="https://example.com/image3.jpg" alt="Bild 3"> | |||
<h3>Mittagstische</h3> | |||
<p>Es gibt neue Mittagsangebote. Finde hier eine Liste aller Mittagstische in Münster</p> | |||
</a> | |||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
