Component Browser
BrowseBuild
Home/Browse/Career 9

Career 9

Buttons2 Columns166 nodes ยท 30 styles
Career 9

Description

Two-column career section with job openings header on the left and large bordered container with expandable department accordion and job cards on the right.

Detailed Analysis

This career section uses a two-column layout with consolidated bordered container. Left column contains: tagline, 'Job Openings' heading, and description as fixed context. Right column displays a large bordered container holding expandable department sections with X/plus toggle icons. Jobs within expanded department are displayed in bordered card style with dividers. Each job card shows: title, location, description, and 'Apply Now' button. Collapsed departments visible below with plus icons for expansion.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

careerjobsjob listingstwo columnbordered containeraccordiondepartmentexpandableplus iconjob titlelocationdescriptionapply buttonsplit layout

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-2478",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-57",
              "playInReverse": false,
              "autoStopEventId": "e-2479",
              "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-5d02cc608075",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe5696797|58425f9e-4d92-9258-5ed6-5d02cc608075",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1692698183923,
          "eventTypeId": "MOUSE_CLICK",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-2479",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-48",
              "playInReverse": false,
              "autoStopEventId": "e-2478",
              "affecte
... (truncated)