Component Browser
BrowseBuild
Home/Browse/Event 30

Event 30

ImageLightboxButtons3 ColumnsCards143 nodes ยท 49 styles
Event 30

Description

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

Detailed Analysis

This webinar section combines left-aligned header with bordered card styling in a three-column layout. The header includes tagline, 'Webinars' title, description text, and 'View all' button at right. The three webinar cards have distinct black borders providing 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'. The webinar title heading and description text follow. A 'Speakers:' label with four circular avatar placeholders displays the hosts. A 'View event' link completes the card. The combination of left-aligned header, right-positioned button, and bordered cards creates a structured professional appearance.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

webinarsbordered cardsvideo eventsthree columnsleft headerplay buttonduration badgespeaker avatarscard bordersprofessional layout

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": "cf09c8de-0542-5a36-75e4-97f826b901d5",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "9717fc78-2d89-fa45-99a2-a9e6b65f93d1"
        ],
        "children": [
          "cf09c8de-0542-5a36-75e4-97f826b901d6"
        ]
      },
      {
        "_id": "cf09c8de-0542-5a36-75e4-97f826b901d6",
        "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": [
          "cf09c8de-0542-5a36-75e4-97f826b901d7"
        ]
      },
      {
        "_id": "cf09c8de-0542-5a36-75e4-97f826b901d7",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)