You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
3.0 KiB
Plaintext
77 lines
3.0 KiB
Plaintext
---
|
|
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>
|