Event 25

ImageSliderButtons228 nodes · 50 styles

Description

Event slider with left-aligned header, full-bleed cards featuring category badges, date/location metadata, and carousel navigation.

Detailed Analysis

This event component features a left-aligned header with tagline, 'Events' title, description text, and 'View all' button at right. Below is a horizontal carousel displaying event cards that extend beyond the viewport (indicated by partial card visibility on the right). Each card has a full-bleed image placeholder with category badge in the upper right corner. Metadata shows calendar icon with date and location pin with venue text. Event title, description, and 'View event' link complete the card. Navigation includes pagination dots at bottom left and circular prev/next arrow buttons at bottom right. The carousel format allows browsing through multiple events while maintaining the modern full-bleed aesthetic.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventsslidercarouselfull-bleed cardscategory badgedate metadatalocation iconpagination dotsarrow navigationhorizontal scroll

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": "6b1cc69c-3268-b76f-5b48-a82c471066a6",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "09e5ca1a-6fd8-648e-da6e-733435091999"
        ],
        "children": [
          "6b1cc69c-3268-b76f-5b48-a82c471066a7"
        ]
      },
      {
        "_id": "6b1cc69c-3268-b76f-5b48-a82c471066a7",
        "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": [
          "6b1cc69c-3268-b76f-5b48-a82c471066a8"
        ]
      },
      {
        "_id": "6b1cc69c-3268-b76f-5b48-a82c471066a8",
        "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": "6b1cc69c-3268-b76f-5b48-a82c471066a6", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "09e5ca1a-6fd8-648e-da6e-733435091999" ], "children": [ "6b1cc69c-3268-b76f-5b48-a82c471066a7" ] }, { "_id": "6b1cc69c-3268-b76f-5b48-a82c471066a7", "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": [ "6b1cc69c-3268-b76f-5b48-a82c471066a8" ] }, { "_id": "6b1cc69c-3268-b76f-5b48-a82c471066a8", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)