Benutzer:Nöth: Unterschied zwischen den Versionen
Aus Stadtsprachen
Nöth (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Nöth (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 3: | Zeile 3: | ||
<style> | <style> | ||
/* Custom CSS to match Tailwind styles */ | /* Custom CSS to match Tailwind styles */ | ||
.mix-blend-multiply { | .mix-blend-multiply { | ||
mix-blend-mode: multiply; | mix-blend-mode: multiply; | ||
| Zeile 46: | Zeile 10: | ||
min-height: 24rem; | min-height: 24rem; | ||
} | } | ||
.hero-section { | .hero-section { | ||
position: relative; | position: relative; | ||
| Zeile 93: | Zeile 36: | ||
padding-top: 12rem; | padding-top: 12rem; | ||
padding-bottom: 12rem; | padding-bottom: 12rem; | ||
} | } | ||
} | } | ||
</style> | </style> | ||
<div class="container-fluid container- | <div class="container-fluid container-3xl px-3 px-md-4"> | ||
<section class="hero-section bg-light"> | <section class="hero-section bg-light"> | ||
<!-- image - start --> | <!-- image - start --> | ||
| Zeile 119: | Zeile 46: | ||
<!-- overlay - start --> | <!-- overlay - start --> | ||
<div class="position-absolute h-100 w-100 bg- | <div class="position-absolute h-100 w-100 bg-dark mix-blend-multiply" style="inset: 0;"></div> | ||
<!-- overlay - end --> | <!-- overlay - end --> | ||
<!-- text start --> | <!-- text start --> | ||
<div class="position-relative d-flex flex-column align-items-center p-4"> | <div class="position-relative d-flex flex-column align-items-center p-4"> | ||
<p class="text-center text- | <p class="text-center text-white font-weight-bold" style="font-size: 3rem;">Historische Stadtsprachen vor Ort</p> | ||
< | <p class="text-center text-white mb-4 mb-md-5" style="font-size: 2.5rem;">Eine stadtsprachgeschichtliche Wissensplattform</h1> | ||
<div class="d-flex flex-column flex-sm-row w-100 justify-content-sm-center"> | <div class="d-flex flex-column flex-sm-row w-100 justify-content-sm-center"> | ||