Component Browser
BrowseBuild
Home/Browse/Portfolio 8

Portfolio 8

ImageButtons2 Columns79 nodes ยท 40 styles
Portfolio 8

Description

Two-column portfolio grid with bordered cards, equal-sized images, and view all button.

Detailed Analysis

This portfolio section displays two project cards in a clean two-column grid. Each card has a thin border outline and contains 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 includes Portfolio label, main heading, and description. A centered 'View all' button at the bottom provides navigation to see more projects.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

portfolio gridtwo columnsbordered cardsequal layoutview all buttoncategory tagsproject cardsthin bordersimage thumbnailscentered headerview project linkclean 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": "e39422c3-3797-1c5c-6ee2-103dfc9645f9",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "a692d41b-7a3b-aee3-5011-ae62bfd9690e"
        ],
        "children": [
          "e39422c3-3797-1c5c-6ee2-103dfc9645fa"
        ]
      },
      {
        "_id": "e39422c3-3797-1c5c-6ee2-103dfc9645fa",
        "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": [
          "e39422c3-3797-1c5c-6ee2-103dfc9645fb"
        ]
      },
      {
        "_id": "e39422c3-3797-1c5c-6ee2-103dfc9645fb",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)