Responsive website with Bootstrap 5 & Material Design | PART 1
Do you want to learn how to make your website in 2024, with Material Design for Bootstrap 5 or MDB, HTML and CSS? This video will teach you everything you need to know for free!
In this video, we explore the power of responsive web design using Bootstrap 5 , the latest version of the popular front-end framework using with Material Design. Learn how to create stunning, mobile-friendly websites that adapt seamlessly to different screen sizes and devices.
PART 2 - Courses Page ► • How to Make a Bootcamp Website with HTML, ...
PART 3 - About Page ► • Make university website with Material Desi...
PART 4 - Contact Page ► • How to Make a Website using Material Desig...
For this Tutorial I used:
✔️ Bootstrap 5
✔️ Material Design for Bootstrap 5
✔️ Visual Studio Code Editor ( VSCode )
✔️ Unsplash for the Free High Resolution Images
❤️ SUBSCRIBE ► https://www.youtube.com/@IonutCoraWeb...
Ionut Cora YouTube Channel URL ► / @ionutcorawebdev
Blog Article Link ► https://coraionut.com/responsive-webs...
All Blog Parts Links:
PART 2 ► https://coraionut.com/responsive-boot...
PART 3 ► https://coraionut.com/how-to-make-a-b...
PART 4 ► https://coraionut.com/how-to-make-a-w...
Social Media Links:
👉 Blog ► https://coraionut.com/
👉 Instagram ► / ionutcora.webdev
👉 TikTok ► / ionutcora.webdev
👉 Pinterest ► / ionutcorawebdev
Other web development videos on the channel:
✔️ How to Create a Responsive Image Gallery Grid with HTML and CSS | Web Design Tutorial ► • Responsive Image Gallery with HTML & CSS only
✔️ How To Make A Responsive Portfolio Website Using HTML, CSS And JavaScript ► • Front End Developer portfolio created with...
✔️ How To Make A Bootstrap 5 Responsive Landing Page Website ► • How To Make A Bootstrap 5 Responsive Landi...
✔️ Responsive Login and Register Form using HTML, CSS and JavaScript ► • How to Make Login Form using HTML, CSS & J...
✔️ Responsive Bootstrap 5 Landing Page Design | Full Tutorial ► • Responsive Bootstrap 5 Landing Page Design...
Channel Playlists:
✔️ Web Development ► • Responsive Navbar with HTML, CSS and JavaS...
✔️ Bootstrap Websites ► • Responsive Bootstrap 5 Landing Page Design...
✔️ Website Navigation Bars ► • Responsive Navbar with HTML, CSS and JavaS...
Timestamps:
0:00 - Intro
2:50 - Navbar HTML
12:03 - Hero Section HTML
14:55 - Header Section CSS
19:45 - About Section HTML
22:10 - Courses Section HTML
29:00 - Instructors Section HTML
34:00 - Accordion Section HTML
41:50 - Accordion Section CSS
46:03 - Carousel Section HTML
1:03:30 - Contact Section HTML & CSS
1:06:49 - Footer HTML
1:15:30 - Final Website Presentation
🙏 Thanks for watching ! 🙏
If you enjoy the video, please ❤️ SUBSCRIBE ❤️, leave a like 👍 and a comment in the comments section. Like this you will help the channel to grow.
#Bootstrap5 #WebDesign #WebDevelopment