Portfolio 4

ImageButtons65 nodes · 35 styles

Description

Single project portfolio card with full-width image, project name, tags, and two-column content layout.

Detailed Analysis

This portfolio component features a single project card with bordered container. The section header includes centered 'Portfolio' label, heading, and description. The main card displays a large landscape image at the top. Below, a two-column footer layout shows the project name with category tags (Tag one, Tag two, Tag three) on the left, and an extended project description paragraph on the right, providing more detailed information about the work.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

portfoliosingle projectcard layoutfull-width imagecategory tagstwo-column footerproject descriptionbordered cardtag pillscentered headerlandscape imageproject metadata

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": "701d589e-3476-1f9f-4086-207faa533ce5",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "5f09e756-08b1-3b6f-c967-2d12a60f7b3e"
        ],
        "children": [
          "701d589e-3476-1f9f-4086-207faa533ce6"
        ]
      },
      {
        "_id": "701d589e-3476-1f9f-4086-207faa533ce6",
        "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": [
          "701d589e-3476-1f9f-4086-207faa533ce7"
        ]
      },
      {
        "_id": "701d589e-3476-1f9f-4086-207faa533ce7",
        "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": "701d589e-3476-1f9f-4086-207faa533ce5", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "5f09e756-08b1-3b6f-c967-2d12a60f7b3e" ], "children": [ "701d589e-3476-1f9f-4086-207faa533ce6" ] }, { "_id": "701d589e-3476-1f9f-4086-207faa533ce6", "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": [ "701d589e-3476-1f9f-4086-207faa533ce7" ] }, { "_id": "701d589e-3476-1f9f-4086-207faa533ce7", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)