Component Browser
BrowseBuild
Home/Browse/Career 4

Career 4

Buttons168 nodes ยท 31 styles
Career 4

Description

Career job listings section with centered header and card-style job listings grouped by department accordion, each card with bordered container styling.

Detailed Analysis

This career section emphasizes visual separation with bordered card containers for each job listing. Centered header includes tagline, 'Job Openings' main heading, and description. Department sections use accordion pattern with expandable headers and chevron icons. Each job listing appears in a distinct bordered card container featuring: job title, location, detailed description paragraph, and 'Apply Now' button aligned right. The card styling creates clear visual boundaries between positions, making it easier to scan multiple listings. Multiple accordion sections visible with first expanded.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

careerjobsjob listingsaccordiondepartmentcardsborderedjob titlelocationdescriptionapply buttonrecruitmentcenteredvisual separation

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-215",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-56",
              "playInReverse": false,
              "autoStopEventId": "e-2518",
              "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-5d02cc607d87",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe5696797|58425f9e-4d92-9258-5ed6-5d02cc607d87",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1640688538307,
          "eventTypeId": "MOUSE_CLICK",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-227",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-55",
              "playInReverse": false,
              "autoStopEventId": "e-2580",
              "affectedE
... (truncated)