Component Browser
BrowseBuild
Home/Browse/Timeline 15

Timeline 15

ImageTabsButtonsBackground Image170 nodes ยท 45 styles
Timeline 15

Description

Two-column layout with text content on left and large image on right, horizontal timeline navigation at bottom showing multiple date markers with progress indicator

Detailed Analysis

This timeline variant places the horizontal date navigation at the bottom of the section. The main content area uses a two-column layout with text (date label, long heading, body paragraph, and dual buttons) on the left and a large image placeholder on the right. The bottom navigation shows date markers with the active one highlighted and others muted, indicating timeline progression. Well-suited for scrollable or interactive timelines.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

horizontal timelinebottom navigationtimeline sliderdate markerstwo-column layoutimage rightmilestoneschronologicalinteractive timelineprogress indicatorcontent sectionbuttonsvisual historytimeline navigation

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": "f792a477-b1d6-e868-c2c0-957d0121bf34",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "c2db85cf-3756-ffc7-c757-1bf018ad9223"
        ],
        "children": [
          "f792a477-b1d6-e868-c2c0-957d0121bf35",
          "f792a477-b1d6-e868-c2c0-957d0121bf46"
        ]
      },
      {
        "_id": "f792a477-b1d6-e868-c2c0-957d0121bf35",
        "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": [
          "f792a477-b1d6-e868-c2c0-957d0121bf36"
        ]
      },
      {
        "_id": "f792a477-b1d6-e868-c2c0-957d0121bf36",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "se
... (truncated)