Learn How To Make A Portfolio Website Using HTML CSS JavaScript | Complete Responsive Website Design | Make Personal portfolio website
❤️ Get Source Code:
👉 Upload website online:
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
Download Image:
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- EASYTUTORIALS)
👉
My recommended tools 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:
◼️ YouTube:
◼️ Facebook:
◼️ Twitter:
◼️ Instagram:
Thank you so much
The person has explained every concepts more clearly through the Projects ❤
Media query is not working… 🥺🥺 Pls help me
this is a great job bro. God bless you
Thank u bro so much your Vedeo has helped me to complete my first project thank u so much ❤❤
Java script code is not working
Why my Java script code is not working
why cant i call the logo named kevin even inserting correct path and tag [ <img src="images/logo.png" class="Logo"/> ]
Welldone sir. Sir my see more btn in the bottom side of work is all fit content btn in all sorounding in the work container
1:02:45
great broo
Thanks bhai 🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩 bohot badi help kardi apne
Thankyou so much Avinash Great videos, I learned complete front end developer skills from you. Very helpful for the one who really want to learn the skill 🙂
Js Script is not working why ?
you're awesome man!
awesome brother. your portfolio gives me huge help lots of love… keep helping others
you are not up to your words , website you showed in the Beginning has 2nd page moving over the 1st page when scrolled down . But actual code in the video is not having info about that effect …you have done great work and it helpes ,but i started with the video bcoz of that effect and you didn't mention on that topic 😢
i don t understand why, the messages are not sending to sheets, even if in console everything is right
Sir image is not displaying in my website why
I love this but the javascript is not working for me. please did you have video for that?
1:09:40
So useful, you teach amazingly. Thank you so much
43:05
My JavaScript skills code and experience+ education is not working
You are a master
Hey guys, it seems the event function has been deprecated. Is there any way we can achieve the same result with replacing something else.
event.currentTarget.classList.add ("active-link");
34:32
Great video and helped me create my own portfolio. Do you have to manually cosntantly run the google script bit to make sure that forms send to your google spreadsheet?
hii my about image is not going down it is jus below the name
Am having issues with the Java code in the script element wrote every perfectly but it isn’t working in preview or live server . 38:24
bro i need copyright icon
Amazing thanks!
This website using bootstrap or not?
the form is working for everyone?
Thank you Again and Again!!!!!!!
Osm tutorial ..if anyone want code i can provide
Bro Thankyou soo much. I create own my Portfoilo using this video. Thank You
why does my grid-gap doesnt work at it doesnt highlight in the vscode so it means i need to unlock this thingy first before it will work
u didnt add the layered background
Thanks!
Thank you! I've learned a lot!
You are very helpful.Thank you
Buy the source code from me 50 rs only
the menu closing part javascript is not working