Component Browser
BrowseBuild
Home/Browse/Event 19

Event 19

ImageButtons3 ColumnsCards122 nodes ยท 43 styles
Event 19

Description

Three-column event listing with left-aligned header, view all button, and full-bleed image cards with category badges.

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 edge of the header. Below is a three-column grid of event cards with full-bleed images (no borders). Each card features a tall 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. Event title heading, description text, and 'View event' link with arrow complete the card content. The left-aligned header combined with right-positioned button creates visual balance while the full-bleed cards create a more seamless, modern appearance.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventsthree columnsleft headerview all buttoncategory badgefull-bleed imagesdate metadatalocation iconmodern layoutevent cards

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": "4f4f1916-91e9-ebee-5255-9e44ca9c6128",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "1c09d52a-77c5-e3a4-ffcc-34c598e97226"
        ],
        "children": [
          "4f4f1916-91e9-ebee-5255-9e44ca9c6129"
        ]
      },
      {
        "_id": "4f4f1916-91e9-ebee-5255-9e44ca9c6129",
        "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": [
          "4f4f1916-91e9-ebee-5255-9e44ca9c612a"
        ]
      },
      {
        "_id": "4f4f1916-91e9-ebee-5255-9e44ca9c612a",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)