BLAH ! BLEU! BLEU! DÉCEMBRE...!

Solstice d'hiver



corps {

marge : 0;

famille de polices : Arial, sans-serif;

hauteur de ligne : 1,6 ;

arrière-plan : dégradé linéaire (vers le bas, #1e3c72, #2a5298);

couleur : blanc ;

}

arrière-plan : rgba(0, 0, 0, 0.8);
couleur : blanc ;
rembourrage : 1rem 2rem ;
poste : fixe ;
largeur : 100 % ;
haut : 0 ;
indice 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;
}

Solstice d'hiver

À propos

Célébrations

Contact

Bienvenue au solstice d'hiver

La nuit la plus longue de l’année marque un moment de réflexion, de renouveau et de célébration. Explorez les traditions, les festivités et bien plus encore.

En savoir plus

Célébrations

Des rituels anciens aux festivités modernes, le solstice d’hiver est célébré dans le monde entier. Partagez la joie et les traditions.

Contactez-nous

Si vous avez des questions ou souhaitez en savoir plus sur nos événements, n'hésitez pas à nous contacter. Nous serions ravis d'avoir de vos nouvelles !

&copier; Solstice d'hiver 2024. Tous droits réservés.

<script><br> fonction scrollToSection (sectionId) {<br> const section = document.getElementById(sectionId);<br> si (section) {<br> window.scrollTo({<br> top : section.offsetTop - 60, // Décalage pour tenir compte de l'en-tête fixe<br> comportement : 'doux'<br> });<br> ><br> ></p> <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> <p></script>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!