The portfolio uses a warm amber seed colour for a creative, personal feel. The page flows from a bold hero with initials avatar, through a project grid where each card has a coloured top band, past a skills section with progress indicators, to a dual-column about-and-contact layout at the bottom.
The portfolio uses a warm amber seed colour for a creative, personal feel. The page flows from a bold hero with initials avatar, through a project grid where each card has a coloured top band, past a skills section with progress indicators, to a dual-column about-and-contact layout at the bottom.
View Live PreviewHero section with avatar and social links
Project showcase grid with colour band accents
Skills section with animated progress bars
About section with biography
Contact form with name, email, and message fields
Responsive two-column layout
Navigation header with smooth scroll
Light/dark mode toggle
app/layout.tsx — Root layout with MD3Provider
app/providers.tsx — Theme with amber seed colour
app/page.tsx — Single-page portfolio composition
npx degit your-org/md3-templates/portfolio my-portfoliocd my-portfolio && npm installnpm run devOne-time purchase. Lifetime access and updates.
Live PreviewIncludes:
Full source code
Next.js App Router ready
TypeScript throughout
Light & dark mode
Customisable seed colour
Free updates