Layout 112

ImageLightbox2 ColumnsList29 nodes · 20 styles

Description

A two-column layout section with a heading on the left and content featuring a description paragraph with a plain bullet list on the right, followed by a full-width video player below.

Detailed Analysis

This layout component uses a two-column structure with the heading positioned on the left side and content on the right. The right column contains a description paragraph followed by three plain bullet list items without icons. Below the text area sits a large full-width video player with a centered play button overlay on a gray background. Without tagline or call-to-action buttons, this design focuses purely on content delivery with video support. It works well for educational content, tutorials, or explanatory sections where video demonstrates concepts introduced in the text.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

layouttwo-columnvideobullet listplain listcontent sectionheading leftvideo playereducationaltutorialinformationalno CTAclean designdemonstrationexplainer

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": "f5e977cf-3878-afd9-e858-0fe008cdf5b9",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "6008f184-5897-cfaf-1ae8-0c1c5e537adf"
        ],
        "children": [
          "f5e977cf-3878-afd9-e858-0fe008cdf5ba"
        ]
      },
      {
        "_id": "f5e977cf-3878-afd9-e858-0fe008cdf5ba",
        "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": [
          "f5e977cf-3878-afd9-e858-0fe008cdf5bb"
        ]
      },
      {
        "_id": "f5e977cf-3878-afd9-e858-0fe008cdf5bb",
        "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": "f5e977cf-3878-afd9-e858-0fe008cdf5b9", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "6008f184-5897-cfaf-1ae8-0c1c5e537adf" ], "children": [ "f5e977cf-3878-afd9-e858-0fe008cdf5ba" ] }, { "_id": "f5e977cf-3878-afd9-e858-0fe008cdf5ba", "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": [ "f5e977cf-3878-afd9-e858-0fe008cdf5bb" ] }, { "_id": "f5e977cf-3878-afd9-e858-0fe008cdf5bb", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)