Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.


Build and deploy a portfolio website [Full Tutorial Course]

via freeCodeCamp


Learn to build and deploy a portfolio website from scratch in this 2-3 hour course. The main goal is to equip you with the skills to create a personalized portfolio showcasing your work. Throughout the course, you will learn HTML and CSS techniques to design and customize your website. The teaching method involves step-by-step guidance by the instructor, including setting up different sections of the portfolio and deploying the site to DigitalOcean. This course is suitable for individuals with basic HTML and CSS knowledge who want to create a professional online presence to impress potential employers or clients.


) 1. Introduction.
) 2. Setting things up - HTML.
) 3. The Header Area - HTML.
) 4. Intro Section.
) 5. About me, Work and Footer - HTML.
) 6. Setting up the Custom Properties and General Styles.
) 7. Styling the titles and subtitles.
) 8. Setting up the intro section.
) 9. Styling the services section.
) 10. The About Me Section.
) 11. The Portfolio.
) 12. Adding the Social Icons with Font Awesome.
) 13. Styling the Footer.
) 14. Setting up the Navigation Styles.
) 15. Creating the Hamburger.
) 16. Adding the JS.
) 17. Creating the Portfolio Item Page.
) 18. Customizing Your Page.
) 19. DigitalOcean Droplets - What they are and how to set one up.
) 20. DigitalOcean Droplets - Uploading files via FTP.

Taught by


Start your review of Build and deploy a portfolio website [Full Tutorial Course]

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.