--- isPage: true draft: false title: Timeline icon: timeline description: Add timeline section hero: surtitle: Blocks title: Block timeline text: Add timeline section. ctas: - text: Documentation url: https://www.hugolify.io/docs/blocks/timeline/ blank: true - text: Page code on Github url: https://raw.githubusercontent.com/Hugolify/hugolify-example-blocks/refs/heads/main/content/docs/timeline.md blank: true link: true ui: align: center theme: light blocks: - type: timeline ui: grid: container heading: surtitle: Grid container title: Duis nisl odio, blandit vel quam eget text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. items: - surtitle: 2014 title: Lorem ipsum dolor text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. - surtitle: 2016-2019 title: Aenean commodo text: Praesent condimentum nibh erat, eget interdum nisi auctor eget. Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. - surtitle: Since 2020 title: Consectetur adipiscing elit text: Duis nisl odio, blandit vel quam eget. # THEME - type: timeline ui: grid: medium offset: center theme: accent heading: surtitle: Grid medium / Offset center / Theme accent title: Duis nisl odio, blandit vel quam eget text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. items: - surtitle: 2014 title: Lorem ipsum dolor text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. - surtitle: 2016-2019 title: Aenean commodo text: Praesent condimentum nibh erat, eget interdum nisi auctor eget. Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. - surtitle: Since 2020 title: Consectetur adipiscing elit text: Duis nisl odio, blandit vel quam eget. - type: timeline ui: grid: small offset: center theme: dark heading: surtitle: Grid small / Offset center / Theme dark title: Duis nisl odio, blandit vel quam eget text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. items: - surtitle: 2014 title: Lorem ipsum dolor text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. - surtitle: 2016-2019 title: Aenean commodo text: Praesent condimentum nibh erat, eget interdum nisi auctor eget. Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. - surtitle: Since 2020 title: Consectetur adipiscing elit text: Duis nisl odio, blandit vel quam eget. - type: timeline ui: grid: medium offset: center theme: light heading: surtitle: Grid medium / Offset center / Theme light title: Duis nisl odio, blandit vel quam eget text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. items: - surtitle: 2014 title: Lorem ipsum dolor text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. - surtitle: 2016-2019 title: Aenean commodo text: Praesent condimentum nibh erat, eget interdum nisi auctor eget. Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. - surtitle: Since 2020 title: Consectetur adipiscing elit text: Duis nisl odio, blandit vel quam eget. - type: timeline ui: grid: medium offset: center theme: highlight heading: surtitle: Grid medium / Offset center / Theme highlight title: Duis nisl odio, blandit vel quam eget text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. items: - surtitle: 2014 title: Lorem ipsum dolor text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. - surtitle: 2016-2019 title: Aenean commodo text: Praesent condimentum nibh erat, eget interdum nisi auctor eget. Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. - surtitle: Since 2020 title: Consectetur adipiscing elit text: Duis nisl odio, blandit vel quam eget. - type: timeline ui: grid: medium offset: center theme: neutral heading: surtitle: Grid medium / Offset center / Theme neutral title: Duis nisl odio, blandit vel quam eget text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. items: - surtitle: 2014 title: Lorem ipsum dolor text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. - surtitle: 2016-2019 title: Aenean commodo text: Praesent condimentum nibh erat, eget interdum nisi auctor eget. Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. - surtitle: Since 2020 title: Consectetur adipiscing elit text: Duis nisl odio, blandit vel quam eget. - type: timeline ui: grid: medium offset: center theme: black heading: surtitle: Grid medium / Offset center / Theme black title: Duis nisl odio, blandit vel quam eget text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. items: - surtitle: 2014 title: Lorem ipsum dolor text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. - surtitle: 2016-2019 title: Aenean commodo text: Praesent condimentum nibh erat, eget interdum nisi auctor eget. Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. - surtitle: Since 2020 title: Consectetur adipiscing elit text: Duis nisl odio, blandit vel quam eget. - type: timeline ui: grid: medium offset: center theme: white heading: surtitle: Grid medium / Offset center / Theme white title: Duis nisl odio, blandit vel quam eget text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. items: - surtitle: 2014 title: Lorem ipsum dolor text: Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Blandit dapibus erat. - surtitle: 2016-2019 title: Aenean commodo text: Praesent condimentum nibh erat, eget interdum nisi auctor eget. Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. - surtitle: Since 2020 title: Consectetur adipiscing elit text: Duis nisl odio, blandit vel quam eget. ---