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

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 the source code – Free figma design
https://buymeacoffee.com/bedimcode/e/540390

💙 Get the source code with 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