💼 Build & Deploy a Responsive Personal Portfolio Website Design Using HTML CSS & JavaScript

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!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
❤ Get template

💙 Get template by PayPal

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨‍💻 Start project from scratch

☝ 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

⏱ 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

📬 Doubts about the project send a DM to Facebook
⌚ I answer at 6:00 PM (Perú time)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔥 Follow me!

Facebook

Instagram

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
☕️ Support me

💙 Support me by PayPal

👍 Thanks for watching, I appreciate it
Made with ❤ by Bedimcode

#responsiveportfolio #portfoliohtmlcssjs #bedimcode

[jeremychongcheeyuan]

Hey bro I just want to say that your video always let me want to put down all my excuses and straight up focus and learn. I just want to let u know, your hard work is inspiring as hell man! Keep grinding. As always.

[emmanuelebenezer]

Wow, you are simply the best. I have learnt alot from you in just a short time. Thank you for all you do, and Keep up the great work. Best wishes from Nigeria!

[zyncc]

I just love that you are trying to improve your videos so much like the contact form js, man you're simply the best, I want to become as good as you one day thanks for everything

[sethipapu]

Hi Buddy,
Thank you so much for creating such an amazing video with step by step guide to develop a beautiful, minimalistic portfolio with elegent design and transitions.
I really learned alot from this video. Your code speaks alot while watching this video.
Your dedication, approach and standarization of writting code inspired me.
Thanks for making such a perfectly engineered video of portfolio design.

#amazing #cleancode #minimalist #elegent #design

[jayparmar]

Thanks for creating this cool website.

[divyanshudhruv]

As Wonderful As Usual... And Nice Colors And Minimal Design... Good Job

[renegadesg]

Hi, first off, I love your portfolio and everything you created in your channel. Right now, im taking a Full stack web developer course. I just hope that I get to be like you one day and create designs without copying anyone else :)

[moazzamalisoomro]

Hey [Bedimcode], I've loved watching your videos on creating personal portfolio websites using HTML, CSS, and JS! Now, I'd like to request a new series where you create a complete, fully responsive personal portfolio website using the MERN Stack technologies (MongoDB, Express, React, and Node.js). It would be amazing to see how you approach building a robust and scalable portfolio using these technologies. Please consider creating content around this, I'm sure many of your viewers would benefit from it ❤

[supremedelight]

wow, literally feels relaxed... There is only 11 min going on and I'm here to share lovable feelings about that keyboard sound and bg music... They are helping me to get concentrate as well as fulfilling energy to do in one take.

[nwweulp]

I just found your channel, and I probably should go through all of them. Thank you so much for the great content!

[wadewilson]

Dude thank you so much, I just bought you a coffee (Trell) 🕺🏾. I needed a portfolio site, just finished my course at Georgia Tech for Data Science. This youtube video taught me SO MUCH about html/vscode (like the shortcuts) that I didn't learn in school. I watched from beginning to end. You're amazing, wish you nothing but greatness in your career

[guilhermesimoessantosmarin]

I found your designs very good looking, thank you for the video

[vinayakm]

It's really amazing.... Love your videos.... ❤️

[stevenoketch]

Your contact section is always on 🔥, thanks

[kritikmodi]

This was such an awesome tutorial! Thank you so much for this! Best wishes! :D

[galaxywrld]

Niceee!!!! I always look forward to your projects, Keep up the Great work...

Please any chance we get to see your Beautiful Work in a JavaScript framework in the future ??

[stevenarevalo]

saludos bro, la maquetacion clasica, ahhh pero el diseño moderno buenisimo, estos tipos de Diseño que haces los hago sin pensarlo ¡Exitos!

[naylord]

Me encantó la barra de navegación estilo UI app cuando estás en la vista mobile. Excelente aporte muchisimas gracias por compartir

[luckykr]

This video could have the best portfoi website on YouTube if expalined also...but still this video is just awesome

[zaidhassan]

Thank you very much sir. may god bless you. i got a lot knowledge from your videos.