Layout 116

ImageLightbox2 ColumnsImage/Video Left21 nodes · 20 styles

Description

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

Detailed Analysis

This layout component presents a two-column structure where the left column displays a decorative icon positioned above a long heading. The right column contains only an extended description paragraph without call-to-action buttons. Below the text area sits a full-width video player with a centered play button on a gray background. Without CTAs, this design focuses on content delivery supported by video media. The icon provides visual categorization while the video demonstrates or explains the concepts introduced in the text. Ideal for educational content, tutorials, or explanatory sections.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

layouttwo-columniconvideovideo playercontent sectionheading lefteducationaltutorialinformationalno CTAicon headingexplainerdemonstrationclean design

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": "43c7d9df-28be-c6c1-5e33-f2ed01925279",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "08b26a8c-39fb-cad1-d553-00a5ae38a4ec"
        ],
        "children": [
          "43c7d9df-28be-c6c1-5e33-f2ed0192527a"
        ]
      },
      {
        "_id": "43c7d9df-28be-c6c1-5e33-f2ed0192527a",
        "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": [
          "43c7d9df-28be-c6c1-5e33-f2ed0192527b"
        ]
      },
      {
        "_id": "43c7d9df-28be-c6c1-5e33-f2ed0192527b",
        "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": "43c7d9df-28be-c6c1-5e33-f2ed01925279", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "08b26a8c-39fb-cad1-d553-00a5ae38a4ec" ], "children": [ "43c7d9df-28be-c6c1-5e33-f2ed0192527a" ] }, { "_id": "43c7d9df-28be-c6c1-5e33-f2ed0192527a", "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": [ "43c7d9df-28be-c6c1-5e33-f2ed0192527b" ] }, { "_id": "43c7d9df-28be-c6c1-5e33-f2ed0192527b", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)