Create Like a PRO! Responsive Portfolio Website Using HTML, CSS, and JavaScript

Learn how to build a fully functional responsive personal portfolio website using HTML CSS and JavaScript. By watching this tutorial video, you can easily make a responsive personal portfolio website and make the website fully functional so that the navigation will work properly, and the portfolio filter section will also work perfectly. 🛒 Project Source Code 😎 (Change the images, title, description, skills, and anything you want to make it your own and use it as you wish!) https://www.buymeacoffee.com/the.codermj/e/197293 🌄 Get project Images for Free https://github.com/mjshofy/responsive-portfolio-website-creatify.git 🔔 Subscribe to stay updated! @the.codermj Chapters 00:00 Full design intro 02:42 File structure 03:24 Portfolio Project Setup 06:00 Normalizing the base CSS style 07:55 HTML markup for portfolio website banner 11:25 Repeated (container, button, and other) CSS styles in one place 15:10 Hamburger style so that the icon will be visible 17:16 Activating the hamburger icon 18:13 Header style 19:35 Website navigation style 21:10 Activating navigation 22:17 Portfolio banner style 23:10 Activating sticky navigation affect 25:11 Banner style continues 27:05 Portfolio about section markup 28:24 About section style for portfolio web design 29:32 Group text styles in one place 30:55 Skills section markup and design 36:53 Portfolio filter section markup 40:00 Portfolio filter style 43:05 Activating portfolio filter 44:41 Testimonials section markup 45:43 Testimonials CSS style 46:52 Awards section markup and style 50:25 footer section markup and style 55:56 Adding media query styles to make our website responsive \\ My GitHub profile: https://github.com/mjshofy \\ Editor: Visual Studio Code with Tokyo Tight Theme Thank you for watching. Don't forget to leave a like, and share this video! coderMj #responsivewebsite #portfoliowebsite #webdevelopment