Make Your Own Personal Website Using HTML CSS and JS
HTML-код
- Опубликовано: 13 июл 2024
- Source code: www.patreon.com/posts/drew-ha...
In this final video, we'll be looking at how to create your own personal portfolio website. This tutorial will teach you how to create a website, using the popular languages HTML, CSS, and JavaScript.
Your portfolio website is a great way to showcase your work and show off your skills to potential employers and clients. In this video, we'll go step by step through the process of creating a personal portfolio website. so make sure to watch it to the end!
GitHub Repo: github.com/codewithsadee/drew...
HI 👋
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel 👇
📺 My Channel: / @codewithsadee
🔔 Subscribe: / @codewithsadee
🔗 Starter file
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Download the starter file to practice: drive.google.com/file/d/1SvM8...
⏱️ Timestamps
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
0:00 - Demo
6:48 - File structure
7:54 - Project initial
18:10 - Preloader
24:25 - Header
49:15 - Hero section
1:03:20 - 3D Tilt effect JS
1:09:04 - Service section
1:15:56 - About section
1:52:07 - CTA section
1:54:58 - Project section
2:06:02 - Testimonials section
2:10:47 - Contact section
2:23:31 - Footer
2:30:56 - Media queries
2:44:02 - Custom cursor CSS & JS
2:53:41 - Media queries
💜💜 PATREON BUDDIES 💜💜
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Many thanks to our lovely Patreons (from / codewithsadee ) who support us every month and encouraged us to make this video:
Asher, Danish Khan, Jose Galvez, Kesu Endalkachew, vagdrak
👍 Like - Follow & Support
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Twitter: / codewithsadee
Github: github.com/codewithsadee
Facebook: / codewithsadeefan
Instagram: / codewithsadee
⚠️ Disclaimer
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#responsivewebsite
#personalportfolio
Codewithsadd, you are the nicest human being on RUclips I've ever seen. Most other tutorials intentionally leave out some lines so people have to buy the source code. You are genuinely dedicated to open source and inspire people to support you with their hearts. Besides, your website's tutorials are incomparable to others! Thank you so much!
Best creative you are ❤️🔥
always come up with unique stylings n animations ❤️🔥
Thank you Sadee Sir ❤️
Thank you so much Nitesh 🖤
Thank you this is awesome
I have been looking for this type of service section ... You have saved me 🤗. That is why i placed a notification for your tutorials🥰🥰😃
Most welcome 😊
just wow, Amazing design I love it, please can you make a video about how to host your website in github and how to modify the website when he is already hosted in github
Perfect
Amazing, thank you.
Our pleasure!
Another beatiful project
Thanks
Why did you not use tags for the hero?
Great knowledge 😮❤
So nice of you
I, m frist bro I love your content 🔥🔥🔥
Thanks 🔥
Thanks a lot it's just amazing
Most welcome
how to view the web page in visual estudio at time 2:31:30? can you tell me the name of the extension please?
Hi sir mobile view in same time which extension....??? And how to set up?...
Best programmer out there on RUclips. How long have you been working as frontend developer? Is it good field?
5 years
Sir no words such a developer 😢
Btw for how long you are doing coding 🤔
thanks !!!
You're welcome!
Salam sadee , I like your work so much cuz it's very very creative and nice, can you build a website with reactjs?
Thanks
Do you use Dribble for proyect ideas ? Good Video 🙌
Sometimes
thanks sir
Most welcome
Why there is no sound and why did you not explaining while doing?
hyy pls make on "'service on wheel" website layout
you are super good man, please do a udemy course where you build a full detail project
I am also a RUclips content creator but I haven't seen as this man's
Maybe one day!
Or can you please hold a private lesson with me?
It's literally just frontend mentor challenges
It would be helpful if you could tell me how Bro Mobile View is doing it
It's an extension called 'MobileView'
love you man
Thanks man ❤
Hello dear sir bootstarp 5 project uploade
no word to say, kneel down
Thanks ❤
Daily project uploade sir
I will try my best
Sir project uploade
I was in trouble that's why I can't
I'm just uploading right now
Hello sir I am asking something for you
Yes?
One div img tag on the select box not a responsive
Why are you making it complicated? You are too confused to repeat the work. As long as it is for education, it is good to make it clear