Content 20

ImageLightbox2 Columns23 nodes · 17 styles

Description

Two-column content section with heading and text above a full-width video player

Detailed Analysis

This content component features a two-column layout at the top with a subheading, main heading on the left and a descriptive paragraph on the right. Below this header section is a large full-width video player with a centered play button overlay. The video thumbnail shows a dark placeholder. The layout prioritizes readable content hierarchy before presenting the video media element.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

content sectiontwo columnvideo playerheading textsubheadingparagraphfull width videoplay buttonmedia contenttext above videocontent layoutvideo thumbnaildark placeholdersplit header

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": "40d65717-069f-19a4-39cd-5787a9e01e1e",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "fcb6d91b-4eae-1177-be29-caae1d8731fe"
        ],
        "children": [
          "40d65717-069f-19a4-39cd-5787a9e01e1f"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01e1f",
        "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": [
          "40d65717-069f-19a4-39cd-5787a9e01e20"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01e20",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [], "actionLists": [], "interactions": [] }, "nodes": [ { "_id": "40d65717-069f-19a4-39cd-5787a9e01e1e", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "fcb6d91b-4eae-1177-be29-caae1d8731fe" ], "children": [ "40d65717-069f-19a4-39cd-5787a9e01e1f" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01e1f", "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": [ "40d65717-069f-19a4-39cd-5787a9e01e20" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01e20", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)