Component Browser
BrowseBuild
Home/Browse/Event 28

Event 28

ImageLightboxButtons3 ColumnsCards140 nodes ยท 50 styles
Event 28

Description

Three-column webinar listing with centered header, bordered cards featuring video thumbnails, play buttons, duration badges, and speaker avatars.

Detailed Analysis

This webinar section variant combines centered header with bordered card styling. The header includes tagline, 'Webinars' title, and description text. The three webinar cards have distinct black borders creating clear visual separation. Each card features a dark gray video thumbnail placeholder with centered white play button icon. Duration badge with clock icon shows '45 minutes' below the thumbnail. The webinar title heading and description text follow. A 'Speakers:' label with four circular avatar placeholders displays the hosts. A 'View event' link provides the call-to-action. A centered 'View all' button appears below the grid. The bordered design provides stronger card boundaries for the video content cards.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

webinarsbordered cardsvideo eventsthree columnsplay buttonduration badgespeaker avatarscard borderscentered headeronline events

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": "fc09549d-430d-83cd-34f3-0668c2d272e8",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b992310e-e0ae-9c97-0c31-d67824f4d898"
        ],
        "children": [
          "fc09549d-430d-83cd-34f3-0668c2d272e9"
        ]
      },
      {
        "_id": "fc09549d-430d-83cd-34f3-0668c2d272e9",
        "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": [
          "fc09549d-430d-83cd-34f3-0668c2d272ea"
        ]
      },
      {
        "_id": "fc09549d-430d-83cd-34f3-0668c2d272ea",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)