Video: ๐Ÿ’ผ Build & Deploy a Responsive Personal Portfolio Website Design Using HTML CSS & JavaScript

Channel: Bedimcode

About

Build & deploy a responsive personal portfolio website design using HTML CSS & JavaScript. With light and dark theme and includes CSS animations. Developed first with the Mobile First methodology, then for desktop. Enjoy the video, greetings and success ๐Ÿ˜Ž

๐Ÿ”” Subscribe for more!

https://www.youtube.com/c/Bedimcode

โค๏ธ Get source code

https://buymeacoffee.com/bedimcode/e/91467

๐Ÿ’™ Get template by PayPal

https://ko-fi.com/s/eba2dce90a

๐Ÿ‘จโ€๐Ÿ’ป Start project from scratch

https://github.com/bedimcode/responsive-portfolio-website-chris

โ˜ Start developing the project (base files + images)

  • Click on the GitHub link

  • Click the green button (code)

  • Click Download ZIP

  • Extract the project to the desired location

๐Ÿ“‚Assets

Icons: https://remixicon.com/

Fonts: https://fonts.google.com/

Svg for skills: https://worldvectorlogo.com/

JS Functions: https://github.com/bedimcode/responsive-watches-website

Swiper: https://swiperjs.com/

EmailJs: https://www.emailjs.com/

ScrollReveal: https://scrollrevealjs.org/

Netlify: https://www.netlify.com/

โฑ Timestamps

0:00 Intro Responsive Portfolio Website

5:18 Project Setup

7:34 Variables CSS

7:52 Reset HTML & Reusable CSS

11:38 Header & Nav

25:08 Home

39:56 Skills

52:10 Qualification

1:01:16 Services

1:08:20 Projects

1:24:48 Testimonial

1:35:02 Contact

1:50:57 Send emails

2:03:41 Footer

2:09:41 Scroll Bar

2:10:56 Scroll Sections Active Link

2:12:46 Scroll Up

2:16:02 Dark/Light Theme

2:25:36 Breakpoints 02:42:10

2:39:55 Change Background Header

2:57:08 ScrollReveal Animation

3:02:15 Change Color To Project

3:03:22 Final Project

3:05:44 Website Deployment (Uploading to the internet)

๐Ÿ“ธ Images

https://www.freepik.com/author/cookie-studio

๐Ÿ“ฌ Doubts about the project send a DM to Facebook

โŒš I answer at 6:00 PM (Perรบ time)

โ˜•๏ธ Support me

https://www.buymeacoffee.com/bedimcode

๐Ÿ’™ Support me by PayPal

https://ko-fi.com/bedimcode

๐Ÿ‘ Thanks for watching, I appreciate it

Made with โค by Bedimcode

#responsiveportfolio #portfoliohtmlcssjs #bedimcode