Component Browser
BrowseBuild
Home/Browse/Timeline 17

Timeline 17

ButtonsBackground Image83 nodes ยท 37 styles
Timeline 17

Description

Horizontal timeline with centered header, five date markers on a progress line, each showing date labels and description paragraphs below the timeline

Detailed Analysis

This timeline displays a centered header section with tagline, heading, paragraph, and dual buttons, followed by a horizontal timeline showing five milestone entries. A horizontal progress line connects circular date markers, with the active entries shown in solid black and future/inactive ones in lighter gray. Below each marker, a date label and description paragraph provide context. All five entries are visible simultaneously without scrolling.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

horizontal timelinefive columnsdate markersprogress linemilestoneschronologicalcentered headertaglinecompany historyevents timelinestatic timelinemilestone trackerhistory sectionlinear timeline

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "2fe6b857-cc54-598e-71c6-1dbea042e07a",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "833bf10e-1380-0c35-7fc0-9d1001463982"
        ],
        "children": [
          "2fe6b857-cc54-598e-71c6-1dbea042e07b"
        ]
      },
      {
        "_id": "2fe6b857-cc54-598e-71c6-1dbea042e07b",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "2fe6b857-cc54-598e-71c6-1dbea042e07c"
        ]
      },
      {
        "_id": "2fe6b857-cc54-598e-71c6-1dbea042e07c",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)