How To Make A Portfolio Website Using HTML CSS JS | Complete Responsive Website Design

Learn How To Make A Portfolio Website Using HTML CSS JavaScript | Complete Responsive Website Design | Make Personal portfolio website

In this video we will create a personal portfolio website design step by step using HTML CSS and JavaScript. You can use this website to make your online resume or CV. In this website design we will add name, designation of the user. Then we will display the image, skills, work experience and education details. We will also add the list of services and work portfolio on this website. In the footer of this website we will add contact info and contact form. Your can receive the contact form data on your google sheets.

This website design will be completely responsive for all screen devices like mobile phones. We will this complete website design step by step using HTML CSS and JavaScript.

#PortfolioWebsite #HTMLWebsite #WebsiteDesign

HTML And CSS for beginners:

CSS Grid Layout tutorial:

Form to Google Sheets GitHub:

Steps to build your own portfolio website:

00:00 Portfolio Website Overview
04:10 Creating HTML And CSS file
08:18 Make Header section of website
18:55 Make About section of website
42:12 Create services section of the website
54:09 Create portfolio section of the website
01:09:40 Make contact section of the website
01:28:37 Make the website responsive
01:46:00 Add website scroll on menu click
01:47:53 Send contact form data on Google sheets

-----------------------------------------
Suggested Course:

❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate

-------------------------------------
Recommended Videos:

Learn Complete HTML and CSS from basics:

Make A Complete Website for college using HTML & CSS:

How to make a Business website step by step:

How to make personal resume website step by step:

How to make fitness website design using HTML CSS:

How to make an Ecommerce Website Design:

How to make a Job Portal website design with HTML & CSS:

How to make travel website design with HTML CSS Bootstrap:

-------------------------------------

Affordable web hosting (coupon- GREATSTACK)

My recommended projects and tutorials

-------------------------------------

◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:

-------------------------------------
Images Credit:

-------------------------------------
Like - Follow & Subscribe us:

[bettmo]

Dude is better than 99% of my professors, instead of wasting 20 years explaining history of each function, he simply shows us how to make a website

[sixtusushahemba]

Such a fantastic project. I have to be honest with you, I have been checking out on most your tutorials and I must confess that you are the only person so far on YouTube with such commitment, dedication and real tutorials. The reason I said so is because, you never hide anything that would be beneficial to people to yourself or for any business agenda. So, for that I'm really grateful and I encourage you to keep it up. Such a great development skills.

[CodeMasterAR]

Website making is made easy with this video tutorial. It's more than just making a resume. In spite of this, you cover the most important CSS techniques. As an example, making the carousel, displaying details according to your preferences in the about me section, and using transitions and transform styles to create an aesthetically pleasing effect. Last but not least, we learned about displaying a message after submitting the form.

One request I have is that if you could provide a tutorial for the music website or a video website like Netflix, so I can learn how to manage multiple videos. Another thing I want to learn is how to upload documents directly from files.

[yfrrypo]

Extremely well done tutorial! This has been an incredibly hands-on way for me to learn HTML and CSS compared to just reading documentation explaining what each function does. Highly recommend for someone new to HTML and CSS.

[Calisto-dev]

greetings friend, seriously you are a crack, I am from Colombia and I do not understand much English, in fact only basic but I managed to understand your explanation, your videos are of incredible quality and I hope you continue uploading more content because I have really learned a lot with you Greetings from your good sub from Colombia

[ikekwereemmanuel]

This is such an amazing video. You thoroughly gave me a free ticket to building my portfolio with your guide and easy to comprehend video. With my knowledge of web development, I was quick to grasp this and make one myself.

[alanantony]

"Thank you so much! Your video was incredibly helpful in teaching me the basics of HTML and CSS, and as a result, I was able to create my own website. I appreciate your guidance and am grateful for the knowledge you shared. Thank you again!"❤

[egbecharze]

I love your videos. You are saving lives from somewhere in Nigeria. Keep teaching us more of Web development especially js.

[sirsanctified]

I usually don't comment, but this got me. I'm yet to complete the vedio but this stuff is really great, far more better than what we learn in class. Thank you

[lifesuntoldtales]

Thank you very much! I enjoyed building this website with you so much, I finished it in one day. And I learned so well that I noticed you forgot to add "background-attachment: fixed;" to the #header in the CSS. Which was one of the most important design for me.
#header {
...
background-attachment: fixed;

}

[mtkvlogs]

I'm at first degree at university in design web
love this awesome work

[officialbase]

Thanks for this informative way of designing a website. I can't appreciate you less. You are really a blessing in my learning html and css.

[osegocodes]

For the first time ever i have watched a video tutorial from the beginning to the end without skipping even a second. Easy tutorials is actually the way to go. I started my web development track and after learning the basics of HTML and Css, understanding this tutorial was as easy. I will now try and replicate the same site with Bootstrap for responsiveness. Thank you Easy Tutrials

[Chinodan]

You've won my subscription, sir. Many many thanks to you from someone that is doing a Frankenstein of self-education and just learning about HTML-ccs-js.

Seriously,

Thanks.

[KevinStark-zxtj]

I dont even know how to start thanking you .
At first I player your video, I thought you are like the another boring unclear guys, but I've just finished portfolio today 😊.
Thanks really. You are teaching alot

[shivam-sharma]

Great Tutorial.. Well paced and easy to understand. Thanks for this.

[paulharvey]

Excellently tutorial. Very well presented and easy to follow along with - not too fast like a lot of videos- really well explained too.

[milotxh]

Thank u for such an amazing video. I learned a lot, u are my life saver I lost my job, and I needed to build my own website this was exactly what I needed, I just need to buy the domain and make it public, again thank u so much.

[skypawar]

Really appreciate your work bro🙏🏻👍🏻 it help me to growth my coding skills as a beginner developer🔥 Thanks for making this video buddy👍🏻 keep sharing videos like this😎

[chiaraalfano]

Hi sir, thank you so much for these videos. I followed your tutorial to create the college webpage and had so much fun. I'm now starting to get more comfortable with coding. Thanks, your tutorials are well explained and easy to understand, yet they provide perfect instructions to build modern but beginner-friendly webpages! Keep it up, thank you