Complete Responsive Personal Portfolio Website Design Using HTML CSS JavaScript

Learn how to make a complete responsive personal portfolio website design using HTML CSS and javascript by watching this step-by-step portfolio website design tutorial video for beginners. By the end of the tutorial, you will have a fully functioning portfolio website that you can use to showcase your skills and projects to the world. Whether you're looking to start a career in web development or want to learn how to create a website for fun, this video has got you covered. Please watch till the end of this video to learn how you can make a portfolio website project step by step. 🛒 Get full project 👇, and support me 💝 https://www.buymeacoffee.com/the.codermj/e/187688 🌄 Get project Images for Free https://github.com/mjshofy/responsive-personal-portfolio-website-rey.git 🔔 Subscribe Now! @the.codermj 🛒 Get the best deals: https://bio.link/mjshofy ▶️ Watch more: - Build a complete responsive 🛍️ E-commerce website: https://youtu.be/8Mjaqh52qoM - How to make a Full 🏨 real estate website design tutorial: https://youtu.be/akFPxiqTDWw - Create a ✈️ traveling website from scratch: https://youtu.be/q1q-ZyIGXNE 📃 Visit playlists to watch more: - Full website design tutorial videos: https://youtube.com/playlist?list=PL0BLJBdfyxm3D_6Hvm_qPQSBuBC6cLDNL - Website banner section design: https://youtube.com/playlist?list=PL0BLJBdfyxm0Vn3C9BEF6Ezg9FVH1Akvk ⏲ Timestamps: 00:00 Full design intro 01:35 Project file structure 02:12 Project Setup 02:42 HTML markup for header navigation 04:20 Base CSS styles 06:06 CSS style for website header section 09:00 Style for the hamburger menu icon 11:33 Activate the hamburger menu 12:50 Mobile navigation 17:03 Website banner section markup and style 27:46 Adding reusable CSS style at the top 33:08 Performance section markup and style 39:46 Website portfolio section design 47:11 About me section design 51:00 CTA section markup and style 58:15 Website footer section markup and style 01:03:50 Adding a smooth scroll effect 01:04:43 Code for sticky navigation bar design Download project Images for free and start coding from scratch! https://drive.google.com/drive/folders/1EVFQvW1eeellZss6SWWVUWVmHFnFRwde?usp=share_link Externals: Icon -- https://boxicons.com/ Font -- https://fonts.google.com/ \\ My GitHub profile: https://github.com/mjshofy \\ Editor: Visual Studio Code with Tokyo Tight Theme Thank you for watching. codermj ____________________________________________________________________ #websitedesign #htmlcss #portfoliowebsite #learntocode #coding