Back to Browse

How to Create a Modern Responsive Portfolio Website From Scratch Usign HTML, CSS & JavaScript

660 views
May 21, 2026
2:23:51

In this video, build a modern responsive portfolio website from scratch using HTML, CSS and JavaScript. In this step-by-step web development tutorial, learn how to create a modern barbershop website with a responsive design and a professional user interface. This frontend project is perfect for beginners who want to practice HTML5, CSS3, and JavaScript while creating a responsive website for desktops, tablets, and mobile devices. ❤️ Get source code https://buymeacoffee.com/bedimcode/e/540390 💙 Get source code (PayPal) https://ko-fi.com/s/2201e7c817 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 📦 Develop the project - Free resources https://github.com/bedimcode/responsive-porfolio-website-Bianca Links used in the project - Remix Icons: https://remixicon.com/ - Google Fonts: https://fonts.google.com/ - JS Functions: https://github.com/bedimcode/responsive-watches-website - Typed Js: https://cdnjs.com/libraries/typed.js - Typed Js GitHub: https://github.com/mattboldt/typed.js - Swiper Js: https://swiperjs.com/ - Icons for Skills: https://svgl.app/ - https://svglogos.dev/ - Email JS: https://www.emailjs.com/ - ScrollReveal: https://scrollrevealjs.org/ - Hosting Netlify: https://www.netlify.com/ - Images by: https://www.freepik.com/ Timestamps 00:00 - Intro 04:19 - Project Setup 06:01 - Header & Navigation 18:29 - Home Section 38:24 - Change Header Style 41:11 - About Section 46:10 - Works Section 59:13 - Services Section 01:12:39 - Skills Section 01:24:20 - Testimonials Section 01:36:06 - Contact Section 01:55:40 - Footer 02:03:25 - Scroll Bar, Scroll Up & Active Link 02:09:37 - Custom Cursor 02:16:00 - Change Color To The Project 02:17:29 - ScrollReveal Animation 02:21:39 - How to Deploy on Netlify 02:22:42 - Final Project - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👍 Thanks for watching! Smash the Like button & Subscribe for more! ❤️ #webdesign #frontenddeveloper #portfoliowebsite #webdevelopment #htmlcss #javascript

Download

0 formats

No download links available.

How to Create a Modern Responsive Portfolio Website From Scratch Usign HTML, CSS & JavaScript | NatokHD