
Horizontal timeline with top navigation showing multiple date markers, two-column content area with text on left and large image on right, navigation for scrolling through entries
This timeline features a horizontal navigation bar at the top with multiple date markers showing progression through time. The active date is highlighted while others appear muted. Below, a two-column layout displays the content for the selected date: left side contains date label, long heading, body text, and dual buttons; right side shows a large image placeholder. This design works well for interactive timeline experiences.
Copy and paste directly into Webflow Designer
{
"meta": {
"droppedLinks": 0,
"dynBindRemovedCount": 0,
"unlinkedSymbolCount": 0,
"paginationRemovedCount": 0,
"dynListBindRemovedCount": 0
},
"type": "@webflow/XscpData",
"payload": {
"ix1": [],
"ix2": {
"events": [],
"actionLists": [],
"interactions": []
},
"nodes": [
{
"_id": "ca1f170c-3f44-6a16-e379-42d3cc340914",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"e23f6edd-45f8-98e2-265f-381d3165327d"
],
"children": [
"ca1f170c-3f44-6a16-e379-42d3cc340915",
"ca1f170c-3f44-6a16-e379-42d3cc340926"
]
},
{
"_id": "ca1f170c-3f44-6a16-e379-42d3cc340915",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"96ba3d2a-0537-2794-76ca-1f5b307682b5"
],
"children": [
"ca1f170c-3f44-6a16-e379-42d3cc340916"
]
},
{
"_id": "ca1f170c-3f44-6a16-e379-42d3cc340916",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"se
... (truncated)