Event 16

ImageSliderButtons224 nodes · 48 styles

Description

Event slider section with bordered cards in horizontal carousel featuring date badges and navigation controls.

Detailed Analysis

This event slider variant combines bordered card styling with carousel functionality. The header includes tagline, 'Events' title, description text, and 'View all' button. The carousel displays event cards with distinct black borders, showing partial visibility of additional cards on the right edge. Each card features a large image placeholder with date badge in the corner showing day abbreviation, date number, and month/year. The content section below the image includes category tag, event title heading, location text, description paragraph, and 'View event' link with arrow. Navigation controls include pagination dots at bottom left and circular arrow buttons at bottom right for previous/next navigation.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventssliderbordered cardscarouseldate badgepagination dotsarrow buttonshorizontal scrollcard borderevent navigation

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": "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b7",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "cd4f30f6-8ee7-8cd1-1d69-9c96850194bf"
        ],
        "children": [
          "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b8"
        ]
      },
      {
        "_id": "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b8",
        "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": [
          "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b9"
        ]
      },
      {
        "_id": "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b9",
        "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": "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b7", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "cd4f30f6-8ee7-8cd1-1d69-9c96850194bf" ], "children": [ "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b8" ] }, { "_id": "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b8", "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": [ "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b9" ] }, { "_id": "bd0ad8fe-175d-cc65-dd51-7eb58f57e0b9", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)