|
|
| (97 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| {{DISPLAYTITLE:<span id="1" style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
| |
| <html>
| |
| <style>
| |
| .firstHeading {
| |
| display: none
| |
| }
| |
| /* Custom CSS to match Tailwind styles */
| |
| .mix-blend-multiply {
| |
| mix-blend-mode: multiply;
| |
| }
| |
|
| |
| .hero-section {
| |
| position: relative;
| |
| display: flex;
| |
| flex: 1 1 0%;
| |
| flex-shrink: 0;
| |
| align-items: center;
| |
| justify-content: center;
| |
| overflow: hidden;
| |
| border-radius: 0.5rem;
| |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
| |
| padding-top: 4rem;
| |
| padding-bottom: 4rem;
| |
| }
| |
|
| |
| @media (min-width: 768px) {
| |
| .hero-section {
| |
| padding-top: 10rem;
| |
| padding-bottom: 10rem;
| |
| }
| |
| }
| |
|
| |
| @media (min-width: 1280px) {
| |
| .hero-section {
| |
| padding-top: 15rem;
| |
| padding-bottom: 15rem;
| |
| }
| |
| }
| |
|
| |
|
| </style>
| |
| <div class="container-fluid container-3xl pt-12">
| |
| <section class="hero-section bg-light">
| |
| <!-- image - start -->
| |
| <img src="https://stadtsprachen.kallimachos.de/images/thumb/7/7d/Orte.png/1600px-Orte.png?20210422225226" loading="lazy" alt="Photo by Fakurian Design" class="position-absolute h-100 w-100" style="object-fit: cover; object-position: center; inset: 0;" />
| |
| <!-- image - end -->
| |
|
| |
| <!-- overlay - start -->
| |
| <div class="position-absolute h-100 w-100 bg-dark mix-blend-multiply" style="inset: 0;"></div>
| |
| <!-- overlay - end -->
| |
|
| |
| <!-- text start -->
| |
| <div class="position-relative d-flex flex-column align-items-center p-4">
| |
| <p class="text-center text-white font-weight-bold" style="font-size: 3rem;">Historische Stadtsprachen<br /> vor Ort</p>
| |
| <p class="text-center text-white" style="font-size: 2rem;">Eine stadtsprachgeschichtliche Wissensplattform</h1>
| |
| </div>
| |
| <!-- text end -->
| |
| </section>
| |
| </div>
| |
| </body>
| |
| </html>
| |