
Conference schedule with left-aligned header, tab navigation, and bordered event cards featuring thumbnail images, time, title, speaker, location, and view details button.
This schedule variant combines left-aligned header with bordered card styling for events. The header includes tagline, 'Schedule' title, and description. Horizontal tab navigation shows date options with bordered active tab. Events are displayed as individual bordered cards rather than rows. Each card contains: time slot, square thumbnail image placeholder, event title heading, speaker name, location with pin icon, and 'View details' button. The bordered card treatment provides stronger visual separation between events, creating a more structured appearance while maintaining the visual richness of thumbnail images.
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": "a99371a8-4f3a-08ca-f95c-b8107a766cb9",
"tag": "section",
"data": {
"tag": "section",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"f3cd5d57-3b2e-46b7-2254-d8dd4cca633d"
],
"children": [
"a99371a8-4f3a-08ca-f95c-b8107a766cba"
]
},
{
"_id": "a99371a8-4f3a-08ca-f95c-b8107a766cba",
"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": [
"a99371a8-4f3a-08ca-f95c-b8107a766cbb"
]
},
{
"_id": "a99371a8-4f3a-08ca-f95c-b8107a766cbb",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)