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! ✅
https://www.youtube.com/channel/UCYiTHrv4kzJjbqspWPmONUg
✅ All Part's Link ✅
Part-1 : https://youtu.be/Jl4UWWj69dg
Part-2 :
✅ Bootstrap 5 Tutorial In Hindi : https://www.youtube.com/watch?v=XCpASnIrfWY&list=PLdPwRNmUlk0ka9Woqt3Xz4YKr5Fy5wjQT
✅ Bootstrap 5 Project In Hindi : https://www.youtube.com/watch?v=6zKLvZSYXmE&list=PLdPwRNmUlk0nyw7VoYZvtlU1XIRUfEW-U
✅ Official Website
???? For get source code please search on Google ???? www.codes4education.com
✅ Follow US
???? Facebook: https://www.facebook.com/Code4education/
???? Instagram: https://www.instagram.com/code4education/
???? Twitter: https://twitter.com/code4educations
???? Telegram: https://t.me/code4education
???? Facebook-Group: https://www.facebook.com/groups/frontenddesigners
???? Free Assets ????
✅ Free Images Download : http://buysourcecode.000webhostapp.com/2022/p-1-portfolio-images/
✅ Bootstrap 5 CDN Links :
https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css
https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js
https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js
✅ Font Awesome Icon CDN Link : https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css
✅ Google Font CDN Link : https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap
https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap
✅ VS Code Live Server : https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
⏱ Timestamps
0:00 Intro
0:10 Responsive Portfolio Website Using Bootstrap 5
0:38 Bootstrap 5 Portfolio Website About Section HTML
9:04 Bootstrap 5 Portfolio Website About Section CSS
17:18 Bootstrap 5 Portfolio Website Navbar JavaScript Code
21:12 Bootstrap 5 Portfolio Website About Section Media Query CSS
23:45 Bootstrap 5 Portfolio Website Services Section HTML
28:16 Bootstrap 5 Portfolio Website Services Section CSS
30:20 Bootstrap 5 Portfolio Website Portfolio Section HTML
39:13 Bootstrap 5 Portfolio Website Portfolio Section CSS
46:34 Bootstrap 5 Portfolio Website Blog Section HTML
50:46 Bootstrap 5 Portfolio Website Blog Section CSS
54:29 Bootstrap 5 Portfolio Website Blog Media Query CSS
56:13 Bootstrap 5 Portfolio Website Footer Section HTML
1:02:40 Bootstrap 5 Portfolio Website Footer Section CSS
1:12:28 Responsive Portfolio Website Using Bootstrap 5 Completed
❗ Important Free Courses Tutorial Links ❗
✅ Bootstrap 5 Tutorial In Hindi : https://www.youtube.com/watch?v=XCpASnIrfWY&list=PLdPwRNmUlk0ka9Woqt3Xz4YKr5Fy5wjQT
✅ Bootstrap 5 Project In Hindi : https://www.youtube.com/watch?v=6zKLvZSYXmE&list=PLdPwRNmUlk0nyw7VoYZvtlU1XIRUfEW-U
✅ Bootstrap 4 Tutorial In Hindi : https://www.youtube.com/watch?v=P-IedF73bU4&list=PLdPwRNmUlk0nIbQgetm-509DYlvYtnqqP
✅ HTML Tutorial In Hindi : https://www.youtube.com/watch?v=ULtHT5z8XZU&list=PLdPwRNmUlk0lsUlmDUxiUn33D_qOGEbK0
✅ CSS Tutorial In Hindi : https://www.youtube.com/watch?v=pXzQH9FTg5w&list=PLdPwRNmUlk0kEPTafS0W0q7rE6LlCD5Dv
✅ Responsive Landing Page Design : https://www.youtube.com/watch?v=hpX9ypF4ytE&list=PLdPwRNmUlk0mOZixOW-_aXtUZ0WbiXcmq
✅ Form Design Tutorial In Hindi : https://www.youtube.com/watch?v=q-Zyc7Lw-_0&list=PLdPwRNmUlk0lXy95XRX4UeEny6-OI_FT4
✅ Navigation Menu Tutorial : https://www.youtube.com/watch?v=7CHs1wqdRqA&list=PLdPwRNmUlk0lRf3q8HNaz5f95X4vLOT53
✅ Slider Design Tutorial In Hindi : https://www.youtube.com/watch?v=-J8fzT-hFZA&list=PLdPwRNmUlk0k_DzYLAym-bIUiOhoFsIpZ
✅ Neumorphism & Glassmorphism Tutorial : https://www.youtube.com/watch?v=rH6cuPPR8xo&list=PLdPwRNmUlk0k-RjWYcysgF170AlU8zcys
✅ JavaScript Projects In Hindi : https://www.youtube.com/watch?v=xxCJKF8VeIs&list=PLdPwRNmUlk0kIHKd2YWmQGo36aohJybfW
✅ HTML and CSS Projects In Hindi : https://www.youtube.com/watch?v=gac2FG9NMj0&list=PLdPwRNmUlk0mzu93Po1rVEi9isPchniBr
✅ Product Card UI Design : https://www.youtube.com/watch?v=2EUQBZQxlOs&list=PLdPwRNmUlk0lyKE7OmUPXTJeA1Jc9ocEG
✅ CSS Animation Effects : https://www.youtube.com/watch?v=sheV1dmO-Rg&list=PLdPwRNmUlk0nVZTotBsK3tRMxVbjOdkug
#PersonalPortfolio #Bootstrap5Portfolio #ResponsivePortfolioWebsite #Code4education