Component Browser
BrowseBuild
Home/Browse/Career 6

Career 6

Buttons2 Columns166 nodes ยท 30 styles
Career 6

Description

Two-column career section with job openings header on the left and bordered card-style job listings grouped by department accordion on the right.

Detailed Analysis

This career section uses a two-column layout with bordered card styling for jobs. Left column contains: tagline, 'Job Openings' heading, and description text that remains as fixed context. Right column displays accordion-style department groupings with expandable headers showing plus icons when collapsed and X when expanded. Each job listing appears in a bordered card container with: title, location, description, and 'Apply Now' button. Multiple collapsed departments visible below the expanded section. Card borders provide visual separation.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

careerjobsjob listingstwo columnaccordiondepartmentcardsborderedsidebarjob 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-2476",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-49",
              "playInReverse": false,
              "autoStopEventId": "e-2477",
              "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-5d02cc607ebb",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe5696797|58425f9e-4d92-9258-5ed6-5d02cc607ebb",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1692697744678,
          "eventTypeId": "MOUSE_CLICK",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-2477",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-40",
              "playInReverse": false,
              "autoStopEventId": "e-2476",
              "affecte
... (truncated)