Freelancer Portfolio

Freelancer Portfolio is a single-page portfolio for an independent designer or developer. It is written the way a good freelancer pitches: what you do, proof it worked, where you have been, what people say, what it costs — then the brief form.
Sections, in order

Sticky navbar with an availability pill announcing when the next project slot opens.
Hero — role line, a headline that names the outcome rather than the craft, three statistics, and a portrait framed by an orbiting ring of skill chips.
Marquee band — a scrolling name-and-title strip that gives the page its personality.
Skills — three grouped columns (design, research, handoff) with a short paragraph explaining why the list is honest.
Work — six case cards with a working category filter, each showing the project, one sentence of scope, and a measured result badge. The result badge is what separates a portfolio from a gallery.
Timeline — four career chapters with company, role and what was actually done there.
Testimonials — three client quotes with the operative phrase highlighted inside the quote.
Packages — three priced offers (sprint, full project, retainer) with delivery times, scope limits and revision counts, so nobody has to ask.
Contact — four reassurance lines beside a brief form with a budget-range selector, which qualifies enquiries before the first reply.
Footer with social links.

Design and style. Dark charcoal with a lime accent, heavy display type, and a card grid that stays calm under all that contrast. The category filter, the marquee, the mobile menu and the scroll reveal are vanilla JavaScript.
Before you publish. The marquee text lives in a CSS content property rather than in the HTML, so change it in the stylesheet. Update the packages and the budget ranges together — a form range that does not bracket your own prices produces enquiries you cannot serve. The brief form has named inputs and no action attribute, so PageHub attaches the handler on publish and briefs arrive in Form Submissions.
Best suited to freelance designers, developers, copywriters, photographers, video editors, consultants — anyone selling their own work who needs one page to do the whole pitch.