Navbar 9

ImageAccordion71 nodes · 35 styles

Description

Mega menu navigation with icon-enhanced page links arranged in a single row and a prominent career CTA bar at the bottom.

Detailed Analysis

This navbar features a clean mega menu dropdown with four navigation items displayed horizontally, each accompanied by a descriptive icon and brief text explanation. The layout uses a single-row arrangement for efficient scanning. A distinctive feature is the full-width call-to-action bar at the bottom with career-focused messaging and an arrow link. The design emphasizes clarity through consistent icon styling and generous spacing between menu items.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

navbarmega menunavigationiconsCTA barcareerhorizontal layoutdropdownsingle rowcall to actionheadermenu

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-331",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-82",
              "playInReverse": false,
              "autoStopEventId": "e-1931",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": null,
            "scrollOffsetValue": null
          },
          "target": {
            "id": "6540ac58fa7ea7efe56967ef|02f7b19f-5ab8-48a6-12ed-140499784972",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|02f7b19f-5ab8-48a6-12ed-140499784972",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1643038139591,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-332",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-83",
              "playInReverse": false,
              "autoStopEventId": "e-1417",
              "affectedE
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-331", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-82", "playInReverse": false, "autoStopEventId": "e-1931", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_START_ACTION" }, "config": { "loop": false, "delay": null, "effectIn": null, "direction": null, "playInReverse": false, "scrollOffsetUnit": null, "scrollOffsetValue": null }, "target": { "id": "6540ac58fa7ea7efe56967ef|02f7b19f-5ab8-48a6-12ed-140499784972", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "6540ac58fa7ea7efe56967ef|02f7b19f-5ab8-48a6-12ed-140499784972", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1643038139591, "eventTypeId": "NAVBAR_OPEN", "mediaQueries": [ "main", "medium", "small", "tiny" ], "animationType": "custom" }, { "id": "e-332", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-83", "playInReverse": false, "autoStopEventId": "e-1417", "affectedE ... (truncated)