Component Browser
BrowseBuild
Home/Browse/Event 14

Event 14

ImageButtons2 Columns88 nodes ยท 41 styles
Event 14

Description

Event listing section with two bordered cards featuring date badges, category tags, and detailed event information.

Detailed Analysis

This event section variant displays a header with tagline, 'Events' title, description, and 'View all' button. The two event cards below have distinct black borders creating clear card boundaries. Each card contains a large image placeholder with a date badge in the corner showing day abbreviation, date number, and month/year. The cards have a subtle gray background section for the image and a white section below with category tag, event title, location, description text, and 'View event' call-to-action with arrow icon. The bordered card style provides stronger visual separation between events.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventsbordered cardsevent listingdate badgecategory tagtwo columnscard borderevent detailslocation infoview event

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": "7bf5ff78-d15d-2a19-d64f-133b30f452b7",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "9cd03d63-7005-3901-9d5f-4918b0b51602"
        ],
        "children": [
          "7bf5ff78-d15d-2a19-d64f-133b30f452b8"
        ]
      },
      {
        "_id": "7bf5ff78-d15d-2a19-d64f-133b30f452b8",
        "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": [
          "7bf5ff78-d15d-2a19-d64f-133b30f452b9"
        ]
      },
      {
        "_id": "7bf5ff78-d15d-2a19-d64f-133b30f452b9",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)