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

❀️ Get Source Code: https://greatstack.dev/go/portfolio

πŸ‘‰ 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://greatstack.dev/assets/portfolio-site-html-css

HTML And CSS for beginners:

CSS Grid Layout tutorial:

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://greatstack.dev/go/html-css-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- GREATSTACK)
πŸ‘‰ https://greatstack.dev/go/hostinger

My recommended projects and tutorials
πŸ‘‰ https://greatstack.dev

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”-

◼️ 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/

You May Also Like