Benutzer:Nöth: Unterschied zwischen den Versionen
Aus Stadtsprachen
Nöth (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Nöth (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
<style> | |||
/* Custom CSS to match Tailwind styles */ | |||
.bg-indigo-500 { | |||
background-color: #6366f1; | |||
} | |||
.text-indigo-500 { | |||
color: #6366f1; | |||
} | |||
.text-indigo-200 { | |||
color: #c7d2fe; | |||
} | |||
.text-indigo-700 { | |||
color: #4338ca; | |||
} | |||
.hover-indigo-500:hover { | |||
color: #6366f1; | |||
} | |||
.hover-indigo-600:hover { | |||
background-color: #4f46e5; | |||
} | |||
.active-indigo-700:active { | |||
background-color: #4338ca; | |||
} | |||
.active-text-gray-700:active { | |||
color: #374151; | |||
} | |||
.ring-indigo-300:focus { | |||
box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.5); | |||
} | |||
.mix-blend-multiply { | |||
mix-blend-mode: multiply; | |||
} | |||
.min-h-96 { | |||
min-height: 24rem; | |||
} | |||
.nav-link { | |||
font-weight: 600; | |||
font-size: 1.125rem; | |||
} | |||
.nav-link-active { | |||
color: #6366f1; | |||
} | |||
.custom-header { | |||
padding-top: 1rem; | |||
padding-bottom: 1rem; | |||
} | |||
@media (min-width: 768px) { | |||
.custom-header { | |||
padding-top: 2rem; | |||
padding-bottom: 2rem; | |||
} | |||
} | |||
.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: 5rem; | |||
padding-bottom: 5rem; | |||
} | |||
} | |||
@media (min-width: 1280px) { | |||
.hero-section { | |||
padding-top: 12rem; | |||
padding-bottom: 12rem; | |||
} | |||
} | |||
.logo-link { | |||
display: inline-flex; | |||
align-items: center; | |||
gap: 0.625rem; | |||
font-size: 1.5rem; | |||
font-weight: 700; | |||
color: #000; | |||
text-decoration: none; | |||
} | |||
@media (min-width: 768px) { | |||
.logo-link { | |||
font-size: 1.875rem; | |||
} | |||
} | |||
</style> | |||
<div class="bg-white pb-3 pb-md-4"> | <div class="bg-white pb-3 pb-md-4"> | ||
<div class="container-fluid container-xl px-3 px-md-4"> | <div class="container-fluid container-xl px-3 px-md-4"> | ||
Version vom 26. Februar 2025, 15:42 Uhr
<!DOCTYPE html>
