---
import BaseLayout from '../layouts/BaseLayout.astro'

import Header from '../components/Header.astro'
import Footer from '../components/Footer.astro'
---

<BaseLayout {...Astro.props} pageTags={'storia'}>
    <Header />
    <main>
        <h1>Storia</h1>
        <div class="timeline">
            <div class="timeline-item">
                <div class="content">
                    <div class="card">
                        <div class="title">1999</div>
                        <div class="text">Evento 1</div>
                        <div class="text">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua.
                        </div>
                    </div>
                </div>
            </div>
            <div class="timeline-item">
                <div class="content">
                    <div class="card">
                        <div class="title">2005</div>
                        <div class="text">Evento 2</div>
                        <div class="text">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua.
                        </div>
                    </div>
                </div>
            </div>
            <div class="timeline-item">
                <div class="content">
                    <div class="card">
                        <div class="title">2010</div>
                        <div class="text">Evento 3</div>
                        <div class="text">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua.
                        </div>
                    </div>
                </div>
            </div>
            <div class="timeline-item">
                <div class="content">
                    <div class="card">
                        <div class="title">2015</div>
                        <div class="text">Evento 4</div>
                        <div class="text">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua.
                        </div>
                    </div>
                </div>
            </div>
            <div class="timeline-item">
                <div class="content">
                    <div class="card">
                        <div class="title">2020</div>
                        <div class="text">Evento 5</div>
                        <div class="text">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <Footer />
</BaseLayout>