Component Browser
BrowseBuild
Home/Browse/Event 27

Event 27

ImageLightboxButtons3 ColumnsCards140 nodes ยท 49 styles
Event 27

Description

Three-column webinar listing section with centered header, video thumbnails with play buttons, duration badges, speaker avatars, and view all button.

Detailed Analysis

This webinar section features a centered header with tagline, 'Webinars' title, and description text. Below is a three-column grid of webinar cards. Each card has a dark gray video thumbnail placeholder with a centered white play button icon indicating video content. A duration badge showing '45 minutes' with clock icon appears below the thumbnail. The webinar title heading is followed by description text. A 'Speakers:' label with a row of four circular avatar placeholders shows the webinar hosts. A 'View event' link with arrow provides the call-to-action. A centered 'View all' button appears below the grid. This component is specifically designed for webinar or video event listings.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

webinarsvideo eventsthree columnsplay buttonduration badgespeaker avatarsvideo thumbnailcentered headerview all buttononline 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": "33b48be1-3495-51ca-10cd-e516ab964908",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "e52d6c9c-4cfa-44f5-e696-6b1e598c8618"
        ],
        "children": [
          "33b48be1-3495-51ca-10cd-e516ab964909"
        ]
      },
      {
        "_id": "33b48be1-3495-51ca-10cd-e516ab964909",
        "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": [
          "33b48be1-3495-51ca-10cd-e516ab96490a"
        ]
      },
      {
        "_id": "33b48be1-3495-51ca-10cd-e516ab96490a",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)