Event 34

ImageTabsButtons207 nodes · 34 styles

Description

Conference schedule with left-aligned header, tab navigation, and bordered event cards featuring thumbnail images, time, title, speaker, location, and view details button.

Detailed Analysis

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.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

scheduleconferencetabsbordered cardsthumbnail imagestime slotsspeaker infolocation iconview detailscard 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": "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)

Detailed Analysis

{ "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)