Content 14

Image4 ColumnsCards42 nodes · 17 styles

Description

Content section with full-width image at top, four-column label grid, and multi-paragraph text below

Detailed Analysis

This component leads with a prominent full-width image placeholder featuring a light gray background and centered landscape icon at the top. Below the image is a horizontal four-column grid of labeled items, each containing a bold label heading and description text. The section concludes with three paragraphs of body text. This image-first approach prioritizes visual impact before presenting structured data and detailed content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

image firstfull width imagelabel gridfour columnscontent sectionimage placeholderstatistics belowparagraph textvisual leaddata gridtext contentgray backgroundstructured layout

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-5787a9e01d5e",
        "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-caae1d8731e0"
        ],
        "children": [
          "40d65717-069f-19a4-39cd-5787a9e01d5f"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01d5f",
        "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-5787a9e01d60"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01d60",
        "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-5787a9e01d5e", "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-caae1d8731e0" ], "children": [ "40d65717-069f-19a4-39cd-5787a9e01d5f" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01d5f", "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-5787a9e01d60" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01d60", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)