Component Browser
BrowseBuild
Home/Browse/Portfolio 11

Portfolio 11

ImageButtons3 ColumnsCards104 nodes ยท 38 styles
Portfolio 11

Description

Three-column portfolio grid with equal-sized cards, landscape images, and view all button.

Detailed Analysis

This portfolio section presents three project cards in a clean three-column grid layout. Each card displays a landscape image placeholder, project name heading, description text, three category tags (Tag one, Tag two, Tag three), and 'View project' link with chevron arrow. The centered header above includes Portfolio label, main heading, and description. A 'View all' button centered at the bottom provides navigation to the complete portfolio, making this ideal for homepage showcases.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

portfolio gridthree columnsequal cardslandscape imagesview all buttonproject showcasecategory tagshomepage portfolioview project linkcentered headerclean gridresponsive 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": "9245346c-81ac-4b7c-15bf-0f85df108317",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "059895f5-4e09-d48d-138e-371e96222f4f"
        ],
        "children": [
          "9245346c-81ac-4b7c-15bf-0f85df108318"
        ]
      },
      {
        "_id": "9245346c-81ac-4b7c-15bf-0f85df108318",
        "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": [
          "9245346c-81ac-4b7c-15bf-0f85df108319"
        ]
      },
      {
        "_id": "9245346c-81ac-4b7c-15bf-0f85df108319",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)