---
isPage: true
draft: false
title: Timeline
icon: list-ol
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-site/refs/heads/main/content/docs/timeline.md
      blank: true
blocks:
  - type: timeline
    background: false
    heading:
      surtitle: Blandit dapibus erat.
      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.
---