Component Browser
BrowseBuild
Home/Browse/Career 3

Career 3

Buttons2 Columns166 nodes ยท 30 styles
Career 3

Description

Two-column career section with job openings header on the left and accordion department listings with job cards on the right.

Detailed Analysis

This career section uses a two-column layout separating header content from job listings. Left column contains: tagline, 'Job Openings' heading, and description text that remains fixed while users browse jobs. Right column displays accordion-style department groupings with chevron toggle icons. First department is expanded showing job cards with: title, location, description paragraph, and 'Apply Now' button. Additional collapsed departments appear below with their titles and toggle icons. This layout keeps context visible while allowing focused browsing of positions.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

careerjobsjob listingstwo columnaccordiondepartmentsidebarjob titlelocationdescriptionapply buttonrecruitmentsplit layout

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-214",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-54",
              "playInReverse": false,
              "autoStopEventId": "e-1714",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": null,
            "scrollOffsetValue": null
          },
          "target": {
            "id": "6540ac58fa7ea7efe5696797|58425f9e-4d92-9258-5ed6-5d02cc607cf4",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe5696797|58425f9e-4d92-9258-5ed6-5d02cc607cf4",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1640688471153,
          "eventTypeId": "MOUSE_CLICK",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-225",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-42",
              "playInReverse": false,
              "autoStopEventId": "e-214",
              "affectedEl
... (truncated)