BLAH! BIRU! BIRU! DISEMBER...!

Solstis Musim Sejuk



badan {

jidar: 0;

keluarga fon: Arial, sans-serif;

ketinggian garis: 1.6;

latar belakang: kecerunan linear(ke bawah, #1e3c72, #2a5298);

warna: putih;

}

latar belakang: rgba(0, 0, 0, 0.8);
warna: putih;
pelapik: 1rem 2rem;
kedudukan: tetap;
lebar: 100%;
atas: 0;
indeks-z: 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;
}

Solstis Musim Sejuk

About

Perayaan

Hubungi

Selamat datang ke Solstis Musim Sejuk

Malam terpanjang tahun ini menandakan masa refleksi, pembaharuan dan perayaan. Terokai tradisi, perayaan dan banyak lagi.

Ketahui Lebih Lanjut

Perayaan

Dari ritual purba hingga perayaan moden, Solstis Musim Sejuk disambut di seluruh dunia. Berkongsi kegembiraan dan tradisi.

Hubungi Kami

Jika anda mempunyai soalan atau ingin mengetahui lebih lanjut tentang acara kami, sila hubungi kami. Kami ingin mendengar daripada anda!

&salinan; Solstis Musim Sejuk 2024. Hak Cipta Terpelihara.

fungsi scrollToSection(sectionId) {
bahagian const = document.getElementById(sectionId);
jika (bahagian) {
window.scrollTo({
atas: section.offsetTop - 60, // Offset kepada akaun untuk pengepala tetap
tingkah laku: 'licin'
});
}
}

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;
}

Atas ialah kandungan terperinci BLAH! BIRU! BIRU! DISEMBER...!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!