Learn How To Make A Portfolio Website Using HTML CSS JavaScript | Complete Responsive Website Design | Make Personal portfolio website
โค๏ธ Get Source Code: https://www.buymeacoffee.com/easytutorials/e/110476
๐ Upload website online: https://youtu.be/j6p78OjFpWI
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:
https://drive.google.com/file/d/1x8mwHlER1LvgDUiG-Gc1wBFl9Ykjw7jk/view?usp=sharing
HTML And CSS for beginners:
https://www.youtube.com/watch?v=GAZVvpjxYQY
CSS Grid Layout tutorial:
https://www.youtube.com/watch?v=4fw6a2yLvXU
Form to Google Sheets GitHub:
https://github.com/jamiewilson/form-to-google-sheets
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
๐ https://easytutorialspro.com/go/course/
————————————-
Recommended Videos:
Learn Complete HTML and CSS from basics:
โบ https://www.youtube.com/playlist?list=PLjwm_8O3suyO2gdXdWHKgM-mO2Y251zzU
Make A Complete Website for college using HTML & CSS:
โบ https://www.youtube.com/playlist?list=PLjwm_8O3suyP5kGKmwS_DM0Hs1j7fshi5
How to make a Business website step by step:
โบ https://www.youtube.com/watch?v=99vHH_6F0Ko
How to make personal resume website step by step:
โบ https://www.youtube.com/watch?v=qCFN8EujbGI
How to make fitness website design using HTML CSS:
โบ https://www.youtube.com/watch?v=4bPABX-jOko
How to make an Ecommerce Website Design:
โบ https://www.youtube.com/playlist?list=PLjwm_8O3suyM_2Lo9aAIw3HqjOPor8j9g
How to make a Job Portal website design with HTML & CSS:
โบ https://www.youtube.com/watch?v=cHgx8a-eBDQ
How to make travel website design with HTML CSS Bootstrap:
โบ https://www.youtube.com/watch?v=AiaEqc9UMf8
————————————-
Affordable web hosting (coupon- EASYTUTORIALS)
๐ https://easytutorialspro.com/hosting/
My recommended tools and tutorials
๐ https://easytutorialspro.com/
————————————-
โผ๏ธ 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:
โบ https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join
————————————-
Images Credit:
https://www.pexels.com/
————————————-
Like – Follow & Subscribe us:
โผ๏ธ YouTube: https://goo.gl/tTFmPb
โผ๏ธ Facebook: https://goo.gl/qv7tEQ
โผ๏ธ Twitter: https://twitter.com/ItsAvinashKr
โผ๏ธ Instagram: https://instagram.com/iamavinashkr/
source
where is the paralax effect what you have shown in the very first demo..???
40:29
following you…was very great . stumbled on your page after my meta course on coursera , oh I needed thtis!.Danke Schon from Germany
Thankyou so much for such an amazing content ๐๐ป
Thanks bro you bro great๐๐๐๐
Parallex effect๐๐๐
How can I share my portfolio website to my friends ? I share link but it show couldn't accessed … And i can't use any icons..
Hi, how can I make the navbar stiky on top? I tried with position:fixed and it works, but if I scroll down the menu goes under the contents
html code ….line no. 178….. what is event doing ? try to put that code in js file and it will cause error
brother your a living god
Thank you for such a nice video tutorial. It's quite easy to understand and implement.
It was an awesome video๐๐๐๐
great tutorial
sir, can you please tell me that in the start when you previewed the website the scrolling effect was different where background photo was not moving. How to achieve that?
Thanks for the amazing guide….But can you or anyone ping the time where parallax part is shown up…!!
nice tutorials sir but can u send me link to the images please??
Whats the aspect ratio / dimension of the background image and about me image ? I used the exact same codes but the alignment changes. Can anyone help?
How can we convert this html, css and style to blogger template?
how to create my name logo just like the one you use? the name 'Kevin ' that u used and also the black background img of yourself
It's a great explanation brother… I have a small doubt which is can you please share the details of image used? Like what is the aspect ratio and what is the exact pixels used, so that we can use our own images. It'd be great.. Thanks in advance
great work bro, it Really helped me , Thank you so much๐
Why is that some css styles are not being applied in my html?
the names of the icons are updated so i cant use "nav .fas", how can i solve this?
Hi, thank yu for the video, you did not add how to put the parallax effect
Thanks a Lot, I gain too much knowledge in this video, Again Thank you, Brotherโค
Navbar become invisible when you go to next page, make it visible in every part wherever I am scrolling
thankyou very very very much sir. your teaching skills is just awesome.
Sir thank u
But I Face a problem in about js code
Plz help me ๐ญ๐๐๐
Sir, thank you.
But my about section JavaScript code is not working and when I typed the b.s. code all correctly.
Sir, thank you.
But my about section JavaScript code is not working and when I typed the b.s. code all correctly.
THANK YOU ๐๐๐๐
I made this type of website from the reference of your style you made, thanks a lot it helps me a lot .
Thank you thank you thank you!
Thank you bruf!
how did you make your logo
How can i make the home tab..not to move when am scrolling
Time Stamp for me:
Day 1: 30:00
It's 7 March 1 A.M. just seen 1 hr video Let's see kb tk bn jata hai Port Folio
23:54
hye
I am not able to see image on my portfolio .
What to do?
Thanks men!! It help me a lot. Namaste
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
Thankyou sir
.container doesn't work for me, can someone please help.
Bro can you provide me see javascript code for (see-more ) option
I add 3 more portfolio and hide them by css
bro,I personally loved your video because ,you explain what it indicate throughout the program. and your web site is amazing thank you for giving this video.