
Three-column webinar listing section with centered header, video thumbnails with play buttons, duration badges, speaker avatars, and view all button.
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.
Copy and paste directly into Webflow Designer
{
"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)