Timeline
La timeline è un componente di visualizzazione cronologica di eventi. Può contenere la data, un titolo, un contenuto testuale, delle immagini e dei link.
Componente per la visualizzazione cronologica di eventi
Informazione
Ogni singolo evento è rappresentato da un container div.col-12 .
Per una Timeline completa con più eventi, utilizzare un solo wrapper composto da div.it-timeline-wrapper e div.row .
Timeline con un evento passato / concluso (classe .it-evidence)
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
dicembre 2022
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Timeline con un evento in corso (classe .it-now) e con il link Leggi di più (classe .read-more)
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più su Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Oggi
marzo 2023
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
Leggi di più
su Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Timeline con un evento prossimo / futuro (classe .it-future), con il link Leggi di più (classe .read-more) e una lista con l'avatar e le icone (classe .it-list-wrapper)
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più su Lorem ipsum dolor sit amet, consectetur adipiscing elit…-
Nome utente / Testo gescrittivo
- Walter Brugnera
settembre 2023
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
Leggi di più
su Lorem ipsum dolor sit amet, consectetur adipiscing elit…
-
Nome utente / Testo gescrittivo
-
Walter Brugnera
-
Timeline con un evento passato / concluso (classe .it-evidence) e con un'Immagine
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
settembre 2023
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Descrizione immagine
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
Timeline con un evento prossimo / futuro, con un'Immagine, con il link Leggi di più e una lista con l'avatar e le icone
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più su Lorem ipsum dolor sit amet, consectetur adipiscing elit…-
Nome utente / Testo gescrittivo
- Walter Brugnera
novembre 2023
Lorem ipsum dolor sit amet
Descrizione immagine
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più
su Lorem ipsum dolor sit amet, consectetur adipiscing elit…
-
Nome utente / Testo gescrittivo
-
Walter Brugnera
-
Esempio Timeline Completa
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di piùLorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più su Lorem ipsum dolor sit amet, consectetur adipiscing elit…-
Nome utente / Testo gescrittivo
- Walter Brugnera
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più su Lorem ipsum dolor sit amet, consectetur adipiscing elit…-
Nome utente / Testo gescrittivo
- Walter Brugnera
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più su Lorem ipsum dolor sit amet, consectetur adipiscing elit…Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più su Lorem ipsum dolor sit amet, consectetur adipiscing elit…-
Nome utente / Testo gescrittivo
- Walter Brugnera
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
dicembre 2022
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
gennaio 2023
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più
febbraio 2023
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più
su Lorem ipsum dolor sit amet, consectetur adipiscing elit…
-
Nome utente / Testo gescrittivo
-
Walter Brugnera
-
Oggi
marzo 2023
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più
su Lorem ipsum dolor sit amet, consectetur adipiscing elit…
-
Nome utente / Testo gescrittivo
-
Walter Brugnera
-
settembre 2023
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Descrizione immagine
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
ottobre 2023
Lorem ipsum dolor sit amet
Descrizione immagine
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più
su Lorem ipsum dolor sit amet, consectetur adipiscing elit…
novembre 2023
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Descrizione immagine
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Leggi di più
su Lorem ipsum dolor sit amet, consectetur adipiscing elit…
-
Nome utente / Testo gescrittivo
-
Walter Brugnera
-
dicembre 2023
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
Descrizione immagine
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.