Timeline 11

ImageButtonsBackground ImageList159 nodes · 55 styles

Description

Centered timeline with header section, right-aligned entries featuring date labels, headings, descriptions, buttons, and large image placeholders below each entry

Detailed Analysis

This timeline layout centers the header section and places all entries on the right side of a vertical timeline line. Each entry includes a date heading, subheading, body paragraph, dual buttons, and a large rectangular image placeholder beneath. The consistent right-side positioning creates a clean, scannable layout. The image areas below each entry allow for visual documentation of events or milestones.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

timeline with imagesvertical timelineright-aligned entriesmilestoneschronologicaldate markersimage timelinecompany historyeventscentered headerbuttonstaglinemedia timelinevisual history

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-3435",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-686",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              "startsExiting": false,
              "addOffsetValue": 50,
              "addStartOffset": false,
              "endOffsetValue": 50,
              "startsEntering": true,
              "continuousParameterGroupId": "a-686-p"
            }
          ],
          "target": {
            "id": "65e1215e005c55ebd076fa03|33474dfa-e64a-ca9b-e443-98464f727d94",
            "appliesTo": "CLASS",
            "styleBlockIds": [
              "67159fd2-5c94-0e7f-ee24-aac9a67d46db"
            ]
          },
          "targets": [
            {
              "id": "65e1215e005c55ebd076fa03|33474dfa-e64a-ca9b-e443-98464f727d94",
              "appliesTo": "CLASS",
              "styleBlockIds": [
                "67159fd2-5c94-0e7f-ee24-aac9a67d46db"
              ]
            }
          ],
          "createdOn": 1709650410911,
          "eventTypeId": "SCROLLING_IN_VIEW",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "custom"
        }
      ],
      "actionLists": [
        {
          "id": "a-686",
          "title": "Timeline Circle [Scroll]",
          "createdOn": 1709627079937,
          "continuousParameterGroups": [
            {
              "id": "a-686-p",
              "type": "
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-3435", "name": "", "action": { "id": "", "config": { "actionListId": "a-686", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_CONTINUOUS_ACTION" }, "config": [ { "smoothing": 50, "addEndOffset": false, "startsExiting": false, "addOffsetValue": 50, "addStartOffset": false, "endOffsetValue": 50, "startsEntering": true, "continuousParameterGroupId": "a-686-p" } ], "target": { "id": "65e1215e005c55ebd076fa03|33474dfa-e64a-ca9b-e443-98464f727d94", "appliesTo": "CLASS", "styleBlockIds": [ "67159fd2-5c94-0e7f-ee24-aac9a67d46db" ] }, "targets": [ { "id": "65e1215e005c55ebd076fa03|33474dfa-e64a-ca9b-e443-98464f727d94", "appliesTo": "CLASS", "styleBlockIds": [ "67159fd2-5c94-0e7f-ee24-aac9a67d46db" ] } ], "createdOn": 1709650410911, "eventTypeId": "SCROLLING_IN_VIEW", "mediaQueries": [ "main", "medium", "small", "tiny" ], "animationType": "custom" } ], "actionLists": [ { "id": "a-686", "title": "Timeline Circle [Scroll]", "createdOn": 1709627079937, "continuousParameterGroups": [ { "id": "a-686-p", "type": " ... (truncated)