Component Browser
BrowseBuild
Home/Browse/Career 2

Career 2

Buttons166 nodes ยท 29 styles
Career 2

Description

Career job listings section with left-aligned header, accordion department groupings, and full-width job cards featuring title, location, description, and apply button.

Detailed Analysis

This career section variant uses left-aligned header layout instead of centered. Tagline, 'Job Openings' heading, and description text align to the left. Job listings follow the same accordion pattern with 'Job Department' expandable headers featuring chevron toggle icons. Each job card spans full width containing: job title, location text, detailed job description paragraph, and 'Apply Now' button positioned to the right. The left-aligned header creates a more traditional document-style layout while maintaining the organized department grouping structure.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

careerjobsjob listingsaccordiondepartmentleft alignedjob titlelocationdescriptionapply buttonrecruitmenthiringpositionsfull width

Raw Data (spacer)

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