Event 24

ImageButtons2 Columns92 nodes · 44 styles

Description

Two-column event listing with left-aligned header and bordered landscape cards featuring category badges, date/location metadata, and view all button.

Detailed Analysis

This event section combines left-aligned header with bordered card styling in a two-column layout. The header includes tagline, 'Events' title, description text, and 'View all' button aligned to the right. Two large landscape-oriented event cards have distinct black borders creating clear visual separation. Each card features a wide image placeholder with category badge in the upper right. Below the image, date and location metadata appear with calendar and pin icons. Event title, description paragraph, and 'View event' link with arrow complete the card. The bordered design combined with large landscape format creates a bold, structured appearance.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventstwo columnsbordered cardsleft headerlandscape imagescategory badgedate metadatalocation iconview all buttonstructured 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": "c088a184-ce2a-6e61-ff25-1b5a980f07c8",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "2461494d-5a5b-3f19-41da-d5b259a75b44"
        ],
        "children": [
          "c088a184-ce2a-6e61-ff25-1b5a980f07c9"
        ]
      },
      {
        "_id": "c088a184-ce2a-6e61-ff25-1b5a980f07c9",
        "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": [
          "c088a184-ce2a-6e61-ff25-1b5a980f07ca"
        ]
      },
      {
        "_id": "c088a184-ce2a-6e61-ff25-1b5a980f07ca",
        "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": "c088a184-ce2a-6e61-ff25-1b5a980f07c8", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "2461494d-5a5b-3f19-41da-d5b259a75b44" ], "children": [ "c088a184-ce2a-6e61-ff25-1b5a980f07c9" ] }, { "_id": "c088a184-ce2a-6e61-ff25-1b5a980f07c9", "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": [ "c088a184-ce2a-6e61-ff25-1b5a980f07ca" ] }, { "_id": "c088a184-ce2a-6e61-ff25-1b5a980f07ca", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)