Promotion Path
A connected stepper telling six years at one company as four titles, each carrying the year, what changed in the work, and a scope fact.
A connected stepper telling six years at one company as four titles, each carrying the year, what changed in the work, and a scope fact.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Promotion Path tells six years inside one company as four titles on a connected stepper. Each step carries the year and marker, the new title, a first person line on what actually changed in the work, and a one line scope fact, with the current role tagged by a badge. A closing paragraph makes the case that staying put was the growth move.
Steps are one const array laid across a four column stepper that runs left bordered on mobile and top bordered on wider screens, with a dot marking each node. The change field is the load bearing part: it shows progression as a shift in the work rather than a new line on a resume.
Reach for this block on a resume page or an about page where the story is depth at one company rather than a string of logos. The installer swaps the company and titles for their own and rewrites each step around what the promotion changed about the day to day.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the long tenure told as a promotion arc. Other stepper shapes:
Tip: let each step name what changed in the work, not just the year the title did.