Component Browser
BrowseBuild
Home/Browse/Career 8

Career 8

Buttons166 nodes ยท 29 styles
Career 8

Description

Career job listings section with left-aligned header and large bordered container holding expandable departments with job listings using plus/X toggle icons.

Detailed Analysis

This career section features left-aligned header with a consolidated bordered container for job listings. Header includes tagline, 'Job Openings' heading, and description aligned left. A large bordered container below holds expandable department sections. The expanded department shows X close icon with job listings inside separated by dividers. Collapsed departments show plus icons. Each job displays: title, location, description, and 'Apply Now' button. Additional collapsed department sections visible at bottom with plus toggle icons.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

careerjobsjob listingsleft alignedbordered containerexpandabledepartmentplus icontogglejob titlelocationdescriptionapply buttonaccordion

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-246",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-45",
              "playInReverse": false,
              "autoStopEventId": "e-208",
              "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-5d02cc607fe7",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe5696797|58425f9e-4d92-9258-5ed6-5d02cc607fe7",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1640773924232,
          "eventTypeId": "MOUSE_CLICK",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-200",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-44",
              "playInReverse": false,
              "autoStopEventId": "e-207",
              "affectedEle
... (truncated)