Event 17

ImageButtons3 ColumnsCards119 nodes · 43 styles

Description

Three-column event listing section with centered header, image cards featuring category badges, date/location metadata, and view all button.

Detailed Analysis

This event section features a centered header layout with tagline, large 'Events' title, and description text. Below is a three-column grid of event cards. Each card has a tall image placeholder with a category badge positioned in the upper right corner. Below the image, metadata shows calendar icon with date and location pin with venue text on the same line. The event title heading appears prominently followed by description text and 'View event' link with arrow. A centered 'View all' button appears below the card grid. The layout provides a clean, organized view of multiple events with emphasis on visual imagery.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventsthree columnscentered headercategory badgedate metadatalocation iconimage cardsview all buttonevent gridcalendar icon

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": "04d0682d-39d6-5b3f-1072-e736d838a7bc",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "4e6f2183-fa06-e7d0-e79e-1325468916b2"
        ],
        "children": [
          "04d0682d-39d6-5b3f-1072-e736d838a7bd"
        ]
      },
      {
        "_id": "04d0682d-39d6-5b3f-1072-e736d838a7bd",
        "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": [
          "04d0682d-39d6-5b3f-1072-e736d838a7be"
        ]
      },
      {
        "_id": "04d0682d-39d6-5b3f-1072-e736d838a7be",
        "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": "04d0682d-39d6-5b3f-1072-e736d838a7bc", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "4e6f2183-fa06-e7d0-e79e-1325468916b2" ], "children": [ "04d0682d-39d6-5b3f-1072-e736d838a7bd" ] }, { "_id": "04d0682d-39d6-5b3f-1072-e736d838a7bd", "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": [ "04d0682d-39d6-5b3f-1072-e736d838a7be" ] }, { "_id": "04d0682d-39d6-5b3f-1072-e736d838a7be", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)