Component Browser
BrowseBuild
Home/Browse/Career 5

Career 5

Buttons166 nodes ยท 29 styles
Career 5

Description

Career job listings section with left-aligned header and bordered card-style job listings grouped by expandable department accordion sections.

Detailed Analysis

This career section combines left-aligned header with bordered card containers for job listings. Header shows tagline, 'Job Openings' heading, and description aligned left. Department sections use expandable accordion with chevron toggle icons. Each job appears within a full-width bordered card featuring: job title, location, detailed description paragraph, and 'Apply Now' button aligned right. The card styling provides clear visual separation between listings while maintaining the accordion grouping structure for department organization.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

careerjobsjob listingsaccordiondepartmentcardsborderedleft alignedjob titlelocationdescriptionapply buttonrecruitmenthiring

Raw Data (spacer)

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