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

47 Comments

  1. 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?

  2. 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

  3. 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

Leave A Reply

Please enter your comment!
Please enter your name here