
Conference schedule with tab navigation, bordered two-column event cards featuring large image with location badge on left and content on right.
This schedule component mirrors the image-right variant but with reversed column order. The left-aligned header includes tagline, 'Schedule' title, and description. Horizontal tab navigation shows date options. Events display as large bordered cards with two-column layout. The left column features a large gray image placeholder with a location badge (pin icon + 'Location') in the upper left corner. The right column contains: time range (8:00 am - 9:00 am), event title heading, Speaker label with name, Details label with description text, and 'View details' button. This image-left layout provides an alternative visual arrangement.
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": "b67d19d0-c3ca-97aa-8b24-af9dd1cdc0e9",
"tag": "section",
"data": {
"tag": "section",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"fcd65d20-0395-0f81-ae60-8e36e5ce653f"
],
"children": [
"b67d19d0-c3ca-97aa-8b24-af9dd1cdc0ea"
]
},
{
"_id": "b67d19d0-c3ca-97aa-8b24-af9dd1cdc0ea",
"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": [
"b67d19d0-c3ca-97aa-8b24-af9dd1cdc0eb"
]
},
{
"_id": "b67d19d0-c3ca-97aa-8b24-af9dd1cdc0eb",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)