Component Browser
BrowseBuild
Home/Browse/Timeline 19

Timeline 19

ImageButtonsBackground Image92 nodes ยท 38 styles
Timeline 19

Description

Horizontal timeline with centered header, five visible entries showing image placeholders above the progress line with date labels and descriptions below each marker

Detailed Analysis

This timeline presents five milestone entries in a horizontal layout with visual emphasis. Each entry features an image placeholder positioned above the horizontal progress line, with date label and description paragraph below. The header section uses centered alignment with tagline, heading, body text, and button group. All five entries are visible without navigation, creating a comprehensive visual overview.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

horizontal timelineimage timelinefive columnsdate markersprogress linevisual milestonesimage cardschronologicalcompany historystatic timelinemedia timelinevisual historymilestone trackerphoto 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": "7c145e27-49f7-27f2-1ecf-8f3f795e6e70",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "f74e018f-523d-4f77-a078-2664bb7daeea"
        ],
        "children": [
          "7c145e27-49f7-27f2-1ecf-8f3f795e6e71"
        ]
      },
      {
        "_id": "7c145e27-49f7-27f2-1ecf-8f3f795e6e71",
        "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": [
          "7c145e27-49f7-27f2-1ecf-8f3f795e6e72"
        ]
      },
      {
        "_id": "7c145e27-49f7-27f2-1ecf-8f3f795e6e72",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)