Component Browser
BrowseBuild
Home/Browse/Event 13

Event 13

ImageButtons2 Columns86 nodes ยท 40 styles
Event 13

Description

Event listing section with two-column card layout featuring large image placeholders, date badges, category tags, and event details.

Detailed Analysis

This event section component displays a header area with tagline, main title 'Events', descriptive text, and a 'View all' button aligned to the right. Below are two event cards in a side-by-side layout. Each card features a large rectangular image placeholder with a date badge in the upper right corner showing day of week, date number, and month/year. Below the image is a category tag, event title heading, location text, description paragraph, and a 'View event' link with arrow. The layout uses clean typography with good visual hierarchy and generous white space.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventsevent listingcard layouttwo columnsdate badgecategory tagimage placeholderevent calendarview event linksection header

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": "cad8e6ac-b394-0c46-a3d1-3f3fc8bd1810",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "79978b0a-19fa-03d5-2c93-dea6bb4c5e66"
        ],
        "children": [
          "cad8e6ac-b394-0c46-a3d1-3f3fc8bd1811"
        ]
      },
      {
        "_id": "cad8e6ac-b394-0c46-a3d1-3f3fc8bd1811",
        "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": [
          "cad8e6ac-b394-0c46-a3d1-3f3fc8bd1812"
        ]
      },
      {
        "_id": "cad8e6ac-b394-0c46-a3d1-3f3fc8bd1812",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)