ImmersiveAmbientModecolor: #c5aca4 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 4615bdd41496e413a658fb126edebc51d3b29b4ebd991b865537a4564028dade8176e279c0b7988616330449b2d933c2
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1714902066496 - unknown on Apple WebKit
Mystery text : MFlGckd5X216alkgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
1,735,339 Views ā¢ Jul 14, 2022 ā¢ Click to toggle off description
ā¤ļø Get Source Code: greatstack.dev/go/portfolio
š Upload website online: Ā Ā Ā ā¢Ā HowĀ ToĀ UploadĀ YourĀ WebsiteĀ OnlineĀ |Ā U...Ā Ā
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:
drive.google.com/file/d/1x8mwHlER1LvgDUiG-Gc1wBFl9ā¦
HTML And CSS for beginners:
Ā Ā Ā ā¢Ā HTMLĀ AndĀ CSSĀ TutorialĀ ForĀ BeginnersĀ |...Ā Ā
CSS Grid Layout tutorial:
Ā Ā Ā ā¢Ā HowĀ ToĀ CreateĀ AĀ CSSĀ GridĀ |Ā BuildĀ Resp...Ā Ā
Form to Google Sheets GitHub:
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
š easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
āŗ Ā Ā Ā ā¢Ā HTMLĀ AndĀ CSSĀ TutorialĀ ForĀ Beginners,Ā ...Ā Ā
Make A Complete Website for college using HTML & CSS:
āŗ Ā Ā Ā ā¢Ā HowĀ ToĀ MakeĀ AĀ CollegeĀ WebsiteĀ UsingĀ H...Ā Ā
How to make a Business website step by step:
āŗ Ā Ā Ā ā¢Ā HowĀ ToĀ MakeĀ WebsiteĀ UsingĀ HTMLĀ CSSĀ |Ā ...Ā Ā
How to make personal resume website step by step:
āŗ Ā Ā Ā ā¢Ā HowĀ ToĀ MakeĀ AĀ WebsiteĀ UsingĀ HTMLĀ AndĀ ...Ā Ā
How to make fitness website design using HTML CSS:
āŗ Ā Ā Ā ā¢Ā HowĀ ToĀ MakeĀ AĀ WebsiteĀ UsingĀ HTMLĀ CSSĀ ...Ā Ā
How to make an Ecommerce Website Design:
āŗ Ā Ā Ā ā¢Ā HowĀ ToĀ MakeĀ eCommerceĀ WebsiteĀ UsingĀ H...Ā Ā
How to make a Job Portal website design with HTML & CSS:
āŗ Ā Ā Ā ā¢Ā HowĀ ToĀ MakeĀ WebsiteĀ UsingĀ HTMLĀ CSSĀ An...Ā Ā
How to make travel website design with HTML CSS Bootstrap:
āŗ Ā Ā Ā ā¢Ā HowĀ ToĀ MakeĀ AĀ WebsiteĀ StepĀ ByĀ StepĀ Us...Ā Ā
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
š easytutorialspro.com/hosting/
My recommended tools and tutorials
š 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:
āŗ youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join
-------------------------------------
Images Credit:
www.pexels.com/
-------------------------------------
Like - Follow & Subscribe us:
ā¼ļø YouTube: goo.gl/tTFmPb
ā¼ļø Facebook: goo.gl/qv7tEQ
ā¼ļø Twitter: twitter.com/ItsAvinashKr
ā¼ļø Instagram: instagram.com/iamavinashkr/
Views : 1,735,339
Genre: Education
Date of upload: Jul 14, 2022 ^^
Rating : 4.937 (521/32,708 LTDR)
RYD date created : 2024-05-05T09:11:50.571376Z
See in json
YouTube Comments - 1,489 Comments
Top Comments of this video!! :3
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.
140 |
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.
11 |
Hello!
The following comment Is for people that are having problem with the script code at (36:50)
So, one of the problem that you may be facing, Is the following,
The "Experience/Education" tab are not showing up when you click them, even though
you're 95% sure that you wrote the code right, It is very frustrating, right?
Then, there is the solution:
1st Step: Verify each line of code "line by line"!
2nd Step: Open Chrome Dev Tools, if you did find an error code, then go to the line where the interpretor says the error is.
However if you didn't, then I think that the 3rd and last step will 100% help you.
3rd Step: Verify the <div> tags that are within the "About Section", specifically
the "tab-titles", why?
Because, you may have forgot to put the CLOSING TAGS.
I know it may sounds silly, but this typo was the one that I encountered.
Hope it helps!
15 |
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.
22 |
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
9 |
"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!"ā¤
26 |
I love your videos. You are saving lives from somewhere in Nigeria. Keep teaching us more of Web development especially js.
1 |
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.
3 |
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
32 |
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
1 |
Very good tutorial! It wasn't boring the others! And you actually explained the reasoning for some of the code too, which is nice! Thanks man!
2 |
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.
24 |
I'm at first degree at university in design web
love this awesome work
2 |
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.
28 |
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
9 |
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;
}
49 |
Great Tutorial.. Well paced and easy to understand. Thanks for this.
4 |
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.
|
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š
1 |
@bettmo7494
1 year ago
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
881 |