Component Browser
BrowseBuild
Home/Browse/Event 22

Event 22

ImageButtons2 Columns89 nodes ยท 45 styles
Event 22

Description

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

Detailed Analysis

This event section variant combines centered header layout with bordered cards in a two-column format. The header includes tagline, 'Events' title, and description text centered above the content. Two large landscape-oriented event cards with distinct black borders are arranged side by side. Each card features a wide image placeholder with category badge in the upper right corner. Below the image, date and location metadata appear with calendar and pin icons. Event title heading, description text, and 'View event' link with arrow complete the card content. A centered 'View all' button appears below the cards. The bordered styling combined with large landscape format creates a bold, structured appearance.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventstwo columnsbordered cardscentered headerlandscape imagescategory badgedate metadatalocation iconview all buttonbold 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": "fa702b7f-b420-aeca-6d24-a72999255f0e",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "8553b9e0-9e16-09b9-8698-2a476ef8b801"
        ],
        "children": [
          "fa702b7f-b420-aeca-6d24-a72999255f0f"
        ]
      },
      {
        "_id": "fa702b7f-b420-aeca-6d24-a72999255f0f",
        "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": [
          "fa702b7f-b420-aeca-6d24-a72999255f10"
        ]
      },
      {
        "_id": "fa702b7f-b420-aeca-6d24-a72999255f10",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)