Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Responsive portfolio website, Portfolio website html css, Responsive portfolio website html css javascript, Portfolio website, Responsive personal portfolio website

🔔 Subscribe Now!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
❤ Get source code

💙 Get source code by PayPal

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨‍💻 Develop the project from scratch

👆 Download (files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP

🔗 Resources

⌚ Timestamps
0:00 Intro Responsive Portfolio Website
5:18 Project Setup
6:36 Variables CSS
6:48 Reset HTML & Reusable CSS
7:12 Header & Nav
20:48 Section Home
34:06 Add Shadow Header
35:42 Section About
44:35 Buttons
47:05 Section Services
53:35 Section Projects
1:04:00 Section Contact
1:27:26 Send emails
1:35:45 Footer
1:39:00 Scroll Bar 1:40:02 Scroll Up
1:42:53 Scroll Sections Active Link
1:44:40 Dark/Light Theme
1:54:23 Breakpoints
2:28:14 ScrollReveal Animation
2:31:56 Website Deployment (Uploading to the internet)
2:33:32 Final Project

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

👍 Thanks for watching!
Support me with a like + A Subscription! ❤

#responsiveportfolio #portfoliowebsite #bedimcode

[sytuhvo]

Awesome work❤❤❤ I love it so much. Also, can you additionally explain how to create a pop-up window that displays your logo project? For example, you could include a number of scrolling photos of your logo project after you click to open it, similar to the website Behance.

[umcwewg]

These are the kind of projects/videos that will get you loyal subscribers! You just made one out of me now!

[eponsiepon]

If anyone has a problem the active link for Projects is not showing the line below whenever scroll down like 1:44:20, change the width to 0 in .nav__link::after like in 17:42

[ysammo]

Just finished the project. Bravo, very good site and you explained things well by showing the effect the code was having on the UI without even speaking. Excellent job

[TomStoutPhotography]

You seriously did a 2.5 hour video without talking??

[esdrasmateus]

Unbelieveable 😮
This guy isn't normal 😮
Amazing job ❤

[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 ❤

[notsoaverageraj]

Thanks a ton for this! So simple yet effective! You did a tremendous job in employing good coding practices...Everything is correct and works like a charm (at the time of this comment)

[Berlin-budg]

It is really appreciable, and what a wonderful website you made. Keep it up, and we are with you for support.

[karansahni]

Love from India❤. And love your styling method, cleanliness and structure of code as well. Learned alot from you. You are great 👍

[joyalspalackel]

Hey, I bought the code and works great but somehow the social link button on home stretches to the whole height of the page only on iphones. I only remove one of the <a> tag. Please help

[DevBoy-hdkr]

I made a really similar design to this the last month, but I struggled to code it haha. thank you very much for this video.

[allenarcher]

Amazing work, Bedimcode, just had to show my support for providing me with a nice and detail concept I can build from as a newbie, much respect, also let me know if you do any mentoring or tutoring as well, thanks.

[Lawalwarith]

Thank you so much, You showed me new things and made me feel like an absolute newbie, especially css

[cauaoliveira]

can you help me? In my code, a bug occurs in the animated background in the services area, the code .services__border{top:0; left:0;}. This session makes the orange background stay in the header

[vikaswakde]

whyy is there not code in js file in github repo? around 19:00

[notsoaverageraj]

A weird error. The site looks perfect in desktop but when I open it from my mobile or ipad, the 3 .home__social-link elements are all over the place. A refresh does bring them to the home page but then the space between the elements is too much. Weird part is, when I debug on my pc using chrome dev tools, it shows perfectly fine for smartphone screen sizes (dimensions: iphone 12 pro) but not in my phone's browser.

[himanshurai]

Really appreciate your work man. Keep it up.

[tuannguyenquoc]

Hello Bedimcode! I come from Vietnam. I am a newbie in this web programming industry. Thanks to knowing your channel, my skills have improved a lot. Thank you very much and wish you many good things.

P/s: This comment I use google translate so there will be some confusion. Wish you sympathize! ^_^

[NtuMCMXCVI]

Thanks alot for this I will use it as a basis for my own project