Responsive Portfolio Website Using Bootstrap 5 | Complete Responsive Personal Portfolio Website | #1
HTML-код
- Опубликовано: 6 июн 2024
- In this tutorial, You will learn Responsive Portfolio Website Using Bootstrap 5 | Complete Responsive Personal Portfolio Website Using HTML CSS JS & Bootstrap 5 | Bootstrap 5 Project In Hindi.
I have shown you how to create a complete responsive personal portfolio website using html CSS JavaScript and Bootstrap 5. You can watch this video and easily able to create this type of responsive portfolio website even if you're a beginner.
Make sure to Subscribe, Like, Share & Comment the video, for more tutorials in Hindi like this one !
Thanks for watching!
Make sure to like + Subscribe For More!
✅ Subscribe Now! ✅
/ @code4education
✅ All Part's Link ✅
Part-1 : • Responsive Portfolio W...
Part-2 : • Responsive Portfolio W...
✅ Bootstrap 5 Tutorial In Hindi : • Bootstrap Tutorial In ...
✅ Bootstrap 5 Project In Hindi : • Responsive Food And Re...
✅ Official Website
👉 For get source code please search on Google 👉 www.codes4education.com
✅ Follow US
👉 Facebook: / code4education
👉 Instagram: / code4education
👉 Twitter: / code4educations
👉 Telegram: t.me/code4education
👉 Facebook-Group: / frontenddesigners
🥳 Free Assets 🥳
✅ Free Images Download : drive.google.com/file/d/1j6YG...
✅ Bootstrap 5 CDN Links :
cdn.jsdelivr.net/npm/bootstra...
cdn.jsdelivr.net/npm/@popperj...
cdn.jsdelivr.net/npm/bootstra...
✅ Font Awesome Icon CDN Link : cdnjs.cloudflare.com/ajax/lib...
✅ Google Font CDN Link : fonts.googleapis.com/css2?fam...
fonts.googleapis.com/css2?fam...
✅ VS Code Live Server : marketplace.visualstudio.com/...
⏱ Timestamps
0:00 Intro
0:10 Responsive Portfolio Website Using Bootstrap 5
1:20 Complete Responsive Personal Portfolio Website Using HTML CSS JS & Bootstrap 5
9:20 Mobile Responsive Demo
13:40 Project Setup
18:51 Bootstrap 5 Portfolio Website Navbar HTML
23:32 Bootstrap 5 Portfolio Website CSS Setup
26:43 Bootstrap 5 Custom Pre-Define Classes CSS
35:03 Bootstrap 5 Portfolio Website Navbar CSS
40:57 Bootstrap 5 Portfolio Website About Section HTML
44:53 Bootstrap 5 Portfolio Website About Section CSS
48:45 Bootstrap 5 Portfolio Website Media Query CSS
53:38 Responsive Portfolio Website Using Bootstrap 5 Part-1 Completed
❗ Important Free Courses Tutorial Links ❗
✅ Bootstrap 5 Tutorial In Hindi : • Bootstrap Tutorial In ...
✅ Bootstrap 5 Project In Hindi : • Responsive Food And Re...
✅ Bootstrap 4 Tutorial In Hindi : • Bootstrap 4 Sidebar Me...
✅ HTML Tutorial In Hindi : • HTML Tutorial In Hindi...
✅ CSS Tutorial In Hindi : • CSS Tutorial In Hindi ...
✅ Responsive Landing Page Design : • Complete Responsive Pe...
✅ Form Design Tutorial In Hindi : • Responsive Login Form ...
✅ Navigation Menu Tutorial : • Responsive Sticky Navi...
✅ Slider Design Tutorial In Hindi : • Responsive Full Screen...
✅ Neumorphism & Glassmorphism Tutorial : • How To Create Neumorph...
✅ JavaScript Projects In Hindi : • Responsive DataTable U...
✅ HTML and CSS Projects In Hindi : • Responsive Card Slide ...
✅ Product Card UI Design : • Responsive Product Car...
✅ CSS Animation Effects : • (PURE CSS ) Animated B...
#PersonalPortfolio #Bootstrap5Portfolio #ResponsivePortfolioWebsite #Code4education
![Dimension 20: Never Stop Blowing Up Trailer [Dropout Exclusive Series]](http://i.ytimg.com/vi/xYeXpbHnGEM/mqdefault.jpg)
Make Sure You Subscribe To Our Channel Like , Share & Comment For More Tutorial Videos in Hindi. 😊
✅ Personal Portfolio Website :- ruclips.net/video/k8PvI1Vrx8w/видео.html
✅ JavaScript Tutorial In Hindi : ruclips.net/video/VsEhhYU6_pw/видео.html
✅ JavaScript Project : ruclips.net/video/xxCJKF8VeIs/видео.html
✅ Bootstrap 5 Tutorial In Hindi ✅
ruclips.net/video/XCpASnIrfWY/видео.html
✅ Bootstrap 5 Projects In Hindi ✅
ruclips.net/video/6zKLvZSYXmE/видео.html
✅ HTML5 Tutorial In Hindi Playlist Link ✅
ruclips.net/video/ULtHT5z8XZU/видео.html
✅ Follow US ✅
👉 Facebook: facebook.com/Code4education/
👉 Instagram: instagram.com/code4education/
👉 Twitter: twitter.com/code4educations
👉 Telegram: t.me/code4education
👉 Facebook-Group: facebook.com/groups/frontenddesigners
👉 LinkedIn : www.linkedin.com/in/bhaskar-gupta12
Finally found a tutorial,which i was finding to know how a image start from top (left hand side) 🙏🏻
Everything is available discription section checkout
Incredible and creative. Thank you sir.
I'm glad you liked it and it's my pleasure 😊
Hello sir, Two days later I started to build my portfolio for job but I didn't have Idea how to start and today I saw your Instagram post and believe me I got a gem 💎so that you so much and coincidently I am using Bootstrap
I'm glad you liked it and keep sharing supporting this video ☺️❤️
@@CODE4EDUCATION ofcourse sir we are always with you
It's my pleasure ☺️
Wow! awesome.
You are too good yaar! Thanks man for the video!
It’s my pleasure 😇
Goodest one!
Thanks 😊
itna beautiful website design kese kare using figma,photoshop.... iske upar please video banaye
Beautiful video
Thankyou and pls keep sharing supporting this video ☺️❤️
He bro you have done a nice work but the thing is that you already had made a website and now you are just explaining what you have done in most of the part and someone who is new or is not experienced with your videos can get confused the many things that are not working for me even I just have copied what you have done. If you make a live website while coding everything with yourself in video it will give a better experience for viewers.
thanks for video
It's my pleasure ☺️
nice
Thanks keep sharing supporting this video ☺️❤️
😲
☺️☺️
24:58 :root ye sahi hai, too easy
🔥🔥
Sir i want to learn full stack web development course from you where can i learn it?
You can start from playlist section HTML5 , CSS, JavaScript, ES6 Advanced, Bootstrap 5, ReactJS etc…
Sir ye jisse root ke color define karne par background me color bhi aa jata h wo konse extension se h
Watch This:- ruclips.net/video/-OqRpFAZ5tU/видео.htmlfeature=shared
Make portfolio with back-end
Like php + MySQL
🤞🤞
Nearly 39:39
CSS code isn't updating on the webpage,
Tested all the ways
Can't find the solution
Does anybody knows how to solve it.
me as a begeiner: khud ke liye try karta hu ek webpage banane ki, but navbar and home container create karne ke baad mind blank ho jata hai, kuchh idea nhi aata ki aage karna kya hai. how i grow it?
Firstly you will learn deep fundamentals HTML & CSS then you should go with bootstrap 5 ❤️✅
@@CODE4EDUCATION i never try bootstrap in those my webpages before. I used html and external css. i telegram you tomorrow.
Ok ✅
I make this part by using only bootstrap😂
Ok 👍
Bootstrap kaha hai Bhai a to technical thapa ka 3 sal purana website banake dal diya ..?? Jo bhi hai hardwork Kiya hai uske like like to banta hai ..lekin bootstrap use nahi Kiya hai ..
54:17
mobile pr niche scroll aa rha h sir
Okay send me message on Instagram @code4education
Bro some css are not working 😢
Send me messages on Instagram @code4education
sir where is js files
link??
Everything is available for my website code4education visit there
www.codes4education.com
Can you share source code of it
www.codes4education.com
Sir Bootstrap 5 Timelines par bhee lecture bnaa dain.. Please my u live long
hum na bnay thee mgrr Sir HTML CSS saaa Responsive nhin haa
ruclips.net/video/854MezgfOgw/видео.html
okay 👍
my navbar is not showing in icon
ok send me a message on Instagram @code4education
Free Images Download link???
Below link is available
Please add code link
www.codes4education.com
Please add the link which we can directly access from given website. It is difficult to search the link.