Inclusive App Craft
Request a quote
Beginner 15 hours 23 lessons · 1 quiz Free in beta

Build a Portfolio Website with HTML, CSS & JavaScript

Build a professional, responsive, and accessible portfolio website from scratch with HTML, CSS, and JavaScript — then deploy it online for free and share it with employers.

GHS 200.00 or USD 20.00

Sign in to enrol

Pay by mobile money (Ghana) or card — including international cards.

Self-paced: learn on your own schedule, with no deadline and no time limit. It's a one-time payment for lifetime access to this course — no monthly subscription. Just pay once for the course you want to learn.

About this course

Your portfolio website is the single most powerful thing you can show an employer or client — proof, in their hands, of what you can build. In this hands-on, project-based course you'll create one from scratch using only the core web technologies: HTML, CSS, and JavaScript. No frameworks, no clutter — just the real skills behind every website.

Step by step, you'll structure your site with semantic HTML, style it into a polished, responsive design that works on every screen, add smooth interactivity with JavaScript, make it accessible to everyone, and deploy it online for free. You'll finish with a live personal portfolio you can put straight on your CV and LinkedIn.

This course teaches you just enough code to build a great portfolio. If you want to deeply understand the HTML, CSS, and JavaScript you're writing — and go on to become a full-stack developer — enrol in our Full-Stack Web Development: Zero to Job-Ready course for the complete journey.

What you'll learn

  • Build a complete, responsive personal portfolio website with HTML, CSS, and JavaScript
  • Structure a site with semantic, accessible HTML
  • Design a professional layout that works on phones, tablets, and desktops
  • Add interactivity like a mobile menu, smooth scrolling, and a theme toggle
  • Deploy your portfolio online for free and share it with employers

Course content

Module 1: Plan & Set Up Your Portfolio 4 lessons
  1. What Makes a Great Portfolio Website 12 min Preview
  2. Planning Your Portfolio: Sections & Content 14 min
  3. Setting Up Your Project Files & Folders 14 min
  4. Your Portfolio's HTML Starter 14 min
Module 2: Build the Structure with HTML 5 lessons
  1. Semantic Layout for Your Portfolio 18 min
  2. Building the Hero / Intro Section 16 min
  3. The About & Skills Sections 16 min
  4. Showcasing Your Work: The Projects Section 18 min
  5. Building an Accessible Contact Form 18 min
Module 3: Make It Look Good with CSS 5 lessons
  1. Styling Your Portfolio: Colours, Fonts & Spacing 20 min
  2. Building the Navigation Bar with Flexbox 18 min
  3. A Responsive Projects Grid with CSS Grid 20 min
  4. Making Your Portfolio Mobile-Friendly 20 min
  5. Design Polish: Making It Look Professional 18 min
Module 4: Add Interactivity with JavaScript 4 lessons
  1. Building a Mobile Navigation Menu 20 min
  2. Smooth Scrolling & Active Link Highlighting 18 min
  3. Contact Form Validation & Feedback 20 min
  4. Adding a Light/Dark Theme Toggle 20 min
Module 5: Make It Accessible, Then Ship It 5 lessons
  1. Making Your Portfolio Accessible to Everyone 22 min
  2. Testing Your Portfolio Website 18 min
  3. Final Polish: Images, SEO & Favicon 18 min
  4. Deploy Your Portfolio Free with GitHub Pages or Netlify 20 min
  5. Share Your Portfolio & What to Learn Next 14 min

End-of-course assessment

  1. Final Assessment: Build a Portfolio Website 10 questions · required for the certificate

Your certificate is issued once every lesson is complete and every module quiz and this assessment are passed.

Course discussion

The discussion opens up once you enrol.