Event 23

ImageButtons2 Columns90 nodes · 43 styles

Description

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

Detailed Analysis

This event section uses a left-aligned header layout with tagline, 'Events' title, description text, and a 'View all' button positioned at the right. Below is a two-column layout with large landscape-oriented event cards. Each card has a full-bleed image placeholder with category badge in the upper right corner. Metadata below shows calendar icon with date and location pin with venue on one line. The event title heading, description text, and 'View event' link with arrow complete the card. The left-aligned header combined with large landscape cards creates a spacious, modern layout for featuring events.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventstwo columnsleft headerlandscape imagesfull-bleed cardscategory badgedate metadatalocation iconview all buttonmodern 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": "75c2b8a9-948c-2370-ff72-9d02e20ec2a6",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "909ead76-0525-18d4-625a-8b9586e5e3f3"
        ],
        "children": [
          "75c2b8a9-948c-2370-ff72-9d02e20ec2a7"
        ]
      },
      {
        "_id": "75c2b8a9-948c-2370-ff72-9d02e20ec2a7",
        "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": [
          "75c2b8a9-948c-2370-ff72-9d02e20ec2a8"
        ]
      },
      {
        "_id": "75c2b8a9-948c-2370-ff72-9d02e20ec2a8",
        "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": "75c2b8a9-948c-2370-ff72-9d02e20ec2a6", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "909ead76-0525-18d4-625a-8b9586e5e3f3" ], "children": [ "75c2b8a9-948c-2370-ff72-9d02e20ec2a7" ] }, { "_id": "75c2b8a9-948c-2370-ff72-9d02e20ec2a7", "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": [ "75c2b8a9-948c-2370-ff72-9d02e20ec2a8" ] }, { "_id": "75c2b8a9-948c-2370-ff72-9d02e20ec2a8", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)