Learn to build and deploy a professional portfolio website in this comprehensive tutorial course. Gain the skills to showcase your abilities to potential employers through a dedicated portfolio page. Follow along as instructor Kevin Powell guides you step-by-step through creating a visually appealing portfolio site using only HTML and CSS. Master essential techniques including setting up the HTML structure, styling with custom properties, creating responsive layouts, and implementing interactive elements. Explore advanced topics such as integrating social icons, designing a navigation menu, and customizing your page to reflect your personal style. Conclude the course by learning how to deploy your site to DigitalOcean, resulting in a live, professional portfolio website. No web framework knowledge required – only basic HTML and CSS skills needed to get started on this practical, hands-on learning experience.
Overview
Syllabus
) 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
freeCodeCamp.org
