Let's build a personal portfolio using HTML CSS JavaScript
HTML-код
- Опубликовано: 3 июл 2024
- How to build personal portfolio using HTML CSS JavaScript
In this video, I will show you how to build (mobile-first responsive) personal portfolio.
How to build personal portfolio using HTML CSS JavaScript
In this video, I will show you how to build (mobile-first responsive) personal portfolio.
Live Website: codewithsadee.github.io/vcard...
Github Repo: github.com/codewithsadee/vcar...
HI 👋
I'm Sadee(webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇
📺 My Channel : / @codewithsadee
🔔 Subscribe : / @codewithsadee
📹 Recommended Videos
-----------------------------
How to use ionicon : • How to use Ion-icon in...
🔗 Essential links
-----------------------------
Starter file : drive.google.com/file/d/1xuCj...
Font - Poppins : fonts.google.com/specimen/Pop...
Icon : ionic.io/ionicons
⏱️ Timestamps
-----------------------------
0:00 - Demo
6:43 - File sturcture
7:14 - Initial html
8:07 - Css custom property
9:29 - Reset
11:40 - Sidebar
31:47 - Navbar
35:36 - About and service
46:40 - Testimonials
57:03 - Testimonials modal
1:15:09 - Client
1:19:05 - Timelines
1:28:02 - Skills
1:32:49 - Portfolio
1:59:36 - Blog
2:10:41 - Contact
2:24:17 - Page navigation
2:27:42 - Media queries
📹 Others Videos
-----------------------------
Personal Blog Website : • Personal Blog Website ...
Creative Restaurant Website : • Video
Sunnyside Landing Page : • Sunnyside Landing Page...
Animated Education Website : • Video
Bank Landing Page : • Bank Landing Page HTML...
💜 Like - Follow & Subscribe Me
-----------------------------
Twitter : / codewithsadee
Github : github.com/codewithsadee
RUclips : / @codewithsadee
Buy Me A Coffee : www.buymeacoffee.com/codewith...
Patreon : / codewithsadee
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purpose 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 a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
#codewithsadee
#portfolio
#portfoliowebsite 
Хобби
There was an Editing issue in 2:11:21
To include google maps follow these steps :
step 1 - go to url google.com/maps
step 2 - search your location
step 3 - click the share button
step 4 - click Embed a map
step 5 - select size from dropdown
step 6 - click COPY HTML
At the bottom right, How do you brought in that mini live preview of desktop version?
I'm gonna be using this for my personal Portfolio....thank you bro, much love for Nigeria 💜
I love this design
Great tutorial man!
This is pure passion. Thanks Sir for putting out all of this content for free!
My pleasure!
Lots of thanks from France
Absolutely brilliant portfolio design...Keep it up. And bring more of these kind with Detailed Explanations
Thanks a lot Vet!
Thats butifull 😍
Awesome website
Sadee at it again! Omg this is awesome 🤗. Mheen, I give it to you bro, you killed it🔥. This is so so dope🥺. Thanks so much for this tutorial bro, much respect 🙌
Thanks, I appreciate it. 💜
Incredible,
sound system is really cool 🔥
Thank you 😎
i have tried designing the left side nav like this for long and failed but you did it exactly how i wanted. Thank you. i have subscribed
You are welcome 😊
Thanks!
You are amazing, thank you for sharing
You are so welcome
Sadee you deserved the millions of blessing words.
❤️❤️❤️
It's my pleasure, Thank you so much Jasmin 💜
WOW cool❤
Thanks 💜
I now proggraming on JavaScript , HTML and CSS
This is coolest portfolio I've ever seen thanks bro
Thanks man
هذا عمل لا يصدق على الإطلاق! أنا مندهش في كل خطوة تقوم بها. أتمنى أن يكون عملك أكثر إنتاجية..🍀
Thank you farah 💜
Thank you for wonderful project
You're welcome
amazing 💯
Thanks
Its amazing!
Thanks uzb 💜
Great Video!! I am learning to build website from your video and also building my personal portfolio, How to store all the messages in Contacts left by the visitors
شئ مذهل!!! ✨✨🔥
Thank you so much 💜
It's so nice
Thanks 💜
Absolutely brilliant, subscribed! One question how can i change the theme orange-yellow to some other color. Where i should change it?
sir it was really awesome portfolio 👍❤
Thank you so much
You're genial, very very good work 🎉❤
Thank you! Cheers!
নাইস
Dude thats just fantastic design! May i ask you how you crate those avatars? Like from any website or what? If you reply my comment i'd appreciate it. Keep it up bud!🤙
♥️
Hey sadee, I used your template and I created backend for this project. I make projects, blogs and adding blogs dynamic with sqlite3 db. Thanks 🔥
Fantastic!
Hello can you share the project?
You are Great👏👏
Thank you Tahmid 💜
@@codewithsadee Welcome💜
where are you living brother
@@tahmidahmed-yt I'm from BD 💜
@@codewithsadee Where is your hometown?
@@codewithsadee bujsi bhai apne deshi manush
otar lagi toh oto sundor sundor video den
OMG this is unbelievable. Thank YOU SO MUCH for this tutorial. So many things here. Thank you a lot bro. Much respect
You're most welcome brother 🤝🏻
can you make a tutorial with react js personal portfolio?
That's awesome . Thanks,
do anyone knows why js file didn't work ? i'm not able to navigate to other tabs
Would the layout made in figma be available?
2:27:41 , At the bottom right, How do you brought in that mini live preview of desktop version?
Really nice. Thanks for the content and repo. Can you state the source of the icons you used for "What I am doing?". Many thanks
Did you manage to find them ?
About the svgs in "What i am doing" how can i create my own?
How are you getting the Iphone preview in VSCode?
Thank you! but for the contact page how can we link it with our email so we receive messages to our inbox? also is it possible to show how to add a button to dwonload the cv ?
Brother, it's a great-looking site. I liked it❤️.
I only know the basics of HTML and CSS thn also I have downloaded the source codes and assets. I tried to customize the code but after customizing the functions are not working properly. Like I have removed the portfolio, and blog buttons and also removed their html code. But after removing those things, the resume and contact buttons are not working. As I am not very familiar with coding that's why I'm not able to solve the problem. So, brother can you please help me with this?
Wow amazing portfolio , would you mind if I use it for my own portfolio?
Yes you can
Hello sir!
You done a incredible work. But i want to now that where you download the skills / services svg ???
In the description
Can this code be used on the newest blogger? I tried it, why is there an error?
How to see the submitted message where it will stores?
How did you add the live mobile view??
It's an extension for VScode called `MobileView`
I am trying to add comments section to the blog post but i am so bad with css that i am getting it wrong. Any solution ?
Hi! Is it possible to host it in Github Pages? Thanks!
Yes, you can host on GitHub
hey how did you get this mobile view
kindly tell me
It's an extension for VScode called `MobileView`
Why does translating the page into other languages no longer work?
Can I add it to my website or am I incurring Copyright?
You can add this project in your portfolio, do not use this for commercial purpose
OK thank you@@codewithsadee
where did u get the avatar from?? plz tell me
it's iphone memoji
@@prankshadow 🤭🤭🤭
you should give credit to the actual designer of the portfolio template, since you did not actually do the design
who made this bro?
You are typing very fast so , its cool
Thank you 💜