BLAH! BLAU! BLAU! DEZEMBER...!

Wintersonnenwende



Körper {

Rand: 0;

Schriftfamilie: Arial, serifenlos;

Zeilenhöhe: 1,6;

Hintergrund: linearer Farbverlauf (nach unten, #1e3c72, #2a5298);

Farbe: weiß;

}

Hintergrund: rgba(0, 0, 0, 0.8);
Farbe: weiß;
Polsterung: 1rem 2rem;
Position: fest;
Breite: 100 %;
oben: 0;
Z-Index: 1000;
}

header h1 {
    margin: 0;
    font-size: 1.8rem;
}

nav {
    margin-top: 10px;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
    font-weight: bold;
    transition: color 0.3s;
}

nav a:hover {
    color: #ffcc00;
}

section {
    padding: 100px 20px;
    min-height: 100vh;
}

.hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero h2 {
    font-size: 3rem;
    margin: 0;
}

.hero p {
    font-size: 1.2rem;
    max-width: 600px;
    margin: 20px auto 0;
}

.cta {
    margin-top: 20px;
}

.cta button {
    background: #ffcc00;
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.3s;
}

.cta button:hover {
    background: #e6b800;
}

footer {
    text-align: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.8);
    position: relative;
}

footer p {
    margin: 0;
    font-size: 0.9rem;
}

Wintersonnenwende

Über

Feierlichkeiten

Kontakt

Willkommen zur Wintersonnenwende

Die längste Nacht des Jahres markiert eine Zeit des Nachdenkens, der Erneuerung und des Feierns. Entdecken Sie Traditionen, Feste und mehr.

Weitere Informationen

Feierlichkeiten

Von alten Ritualen bis hin zu modernen Festen wird die Wintersonnenwende weltweit gefeiert. Teilen Sie die Freude und die Traditionen.

Kontaktieren Sie uns

Wenn Sie Fragen haben oder mehr über unsere Veranstaltungen erfahren möchten, können Sie sich gerne an uns wenden. Wir würden uns freuen, von Ihnen zu hören!

© Wintersonnenwende 2024. Alle Rechte vorbehalten.

<script><br> Funktion scrollToSection(sectionId) {<br> const section = document.getElementById(sectionId);<br> if (Abschnitt) {<br> window.scrollTo({<br> top: section.offsetTop - 60, // Offset zur Berücksichtigung des festen Headers<br> Verhalten: 'glatt'<br> });<br> }<br> }</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">header h1 { margin: 0; font-size: 1.8rem; } nav { margin-top: 10px; } nav a { color: white; text-decoration: none; margin: 0 15px; font-weight: bold; transition: color 0.3s; } nav a:hover { color: #ffcc00; } section { padding: 100px 20px; min-height: 100vh; } .hero { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .hero h2 { font-size: 3rem; margin: 0; } .hero p { font-size: 1.2rem; max-width: 600px; margin: 20px auto 0; } .cta { margin-top: 20px; } .cta button { background: #ffcc00; border: none; padding: 10px 20px; font-size: 1rem; font-weight: bold; cursor: pointer; border-radius: 5px; transition: background 0.3s; } .cta button:hover { background: #e6b800; } footer { text-align: center; padding: 20px; background: rgba(0, 0, 0, 0.8); position: relative; } footer p { margin: 0; font-size: 0.9rem; } </pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div> <p></script>

Das obige ist der detaillierte Inhalt vonBLAH! BLAU! BLAU! DEZEMBER...!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!