Demo timeline .block-content { min-height: 100vh; } block-content p { font-size: 1.2em; line-height: 1.5; -webkit-font-smoothing: antialiased; margin: 0 auto 1em auto; } .block-content h2 { text-align: center; margin: 1em 0 0 0; font-size: 2.5em; line-height: 1; letter-spacing: 0.02em; } @media all and (min-width: 40em) { .block-content h2 { font-size: 4.75em; } } .block-content .subtitle { font-weight: 300; text-transform: uppercase; text-align: center; font-size: 1em; margin: 0.5em 0; } .block-content .heading-group { margin: 0 0 3em 0; } .block-content .content h3 { font-size: 1.2em; line-height: 1.2; letter-spacing: 0.02em; color: #98262c; } @media all and (min-width: 40em) { .block-content .content h3 { font-size: 2.5em; } } .l-block-spacing { min-height: 80vh; padding:

titre de la fenêtre 
Identification

Bienvenue sur le site

Votre compte  Fermer

Demo timeline

  • Première date

    cvccxcx

    BOUTON

  • 2e date

    texte de descritpion

    TEST

  • 3e date

    Descritpion - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, tellus nec viverra tincidunt, justo arcu scelerisque quam, eu interdum velit magna non erat. Duis eleifend, est eget fringilla luctus, justo ex lacinia lacus, porta commodo turpis mi id arcu.

    Lien du bouton

  • 4e

    cvccxcx

    BOUTON

  • 5e

    texte de descritpion

    TEST

  • 6e

    Descritpion - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, tellus nec viverra tincidunt, justo arcu scelerisque quam, eu interdum velit magna non erat. Duis eleifend, est eget fringilla luctus, justo ex lacinia lacus, porta commodo turpis mi id arcu.

    Lien du bouton