Event 21

ImageButtons2 Columns87 nodes · 43 styles

Description

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

Detailed Analysis

This event section features a centered header layout with tagline, 'Events' title, and description text. Below is a two-column layout with large landscape-oriented event cards. Each card displays a wide 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. The event title heading appears prominently, followed by description text and 'View event' link with arrow. A centered 'View all' button appears below the two cards. The larger card format with landscape images provides more visual impact compared to three-column layouts.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventstwo columnscentered headerlandscape imageslarge cardscategory badgedate metadatalocation iconview all buttonvisual impact

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": "f4197b8f-e6de-1e46-a029-1c5ff6ffc7be",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "347fc888-c04e-01c2-2f46-03c8ee87cf6a"
        ],
        "children": [
          "f4197b8f-e6de-1e46-a029-1c5ff6ffc7bf"
        ]
      },
      {
        "_id": "f4197b8f-e6de-1e46-a029-1c5ff6ffc7bf",
        "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": [
          "f4197b8f-e6de-1e46-a029-1c5ff6ffc7c0"
        ]
      },
      {
        "_id": "f4197b8f-e6de-1e46-a029-1c5ff6ffc7c0",
        "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": "f4197b8f-e6de-1e46-a029-1c5ff6ffc7be", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "347fc888-c04e-01c2-2f46-03c8ee87cf6a" ], "children": [ "f4197b8f-e6de-1e46-a029-1c5ff6ffc7bf" ] }, { "_id": "f4197b8f-e6de-1e46-a029-1c5ff6ffc7bf", "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": [ "f4197b8f-e6de-1e46-a029-1c5ff6ffc7c0" ] }, { "_id": "f4197b8f-e6de-1e46-a029-1c5ff6ffc7c0", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)