Material Design for Bootstrap 5, MDB, MDBootstrap, How to use Material Design For Bootstrap, Front End Web Development, responsive website using material design for bootstrap, bootstrap 5 web design, how to make a website using material design for bootstrap.
Want to learn how to build a website by yourself, with Material Design for Bootstrap 5, HTML & CSS? This video will teach you everything you need to know!
This is the fourth video in the list of videos about how to create a responsive Bootstrap 5 website using Material Design or MDB, in which I will show you how to make the Contact Page.
👉 Source Code GitHub Repository (Give It A Star ⭐) ► https://github.com/ionutcora-webdevel...
PART 1 - Homepage ► • Responsive website with Bootstrap 5 &...
PART 2 - Courses Page ► • How to Make a Responsive Website with...
PART 3 - About Page ► • Responsive website with Material Desi...
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 ► / @ionutcorawebdev
Ionut Cora YouTube Channel URL ► / @ionutcorawebdev
Blog Article Link ► https://coraionut.com/how-to-make-a-w...
All Blog Parts Links:
PART 1 ► https://coraionut.com/responsive-webs...
PART 2 ► https://coraionut.com/responsive-boot...
PART 3 ► https://coraionut.com/how-to-make-a-b...
Social Media Links:
👉 Blog ► https://coraionut.com/
👉 Instagram ► / ionutcora.webdev
👉 TikTok ► / ionutcora.webdev
👉 Pinterest ► / ionutcorawebdev
Recommended web development videos on the channel:
✔️ How to Create a Responsive Website with Bootstrap 5 & Material Design | PART 1 ► • Responsive website with Bootstrap 5 &...
✔️ How to Create a Responsive Website with Bootstrap 5 & Material Design | Courses Page | PART 2 ► • How to Make a Responsive Website with...
✔️ How to Create a Responsive Website with Bootstrap 5 & Material Design | About Page | PART 3 ► • Responsive website with Material Desi...
✔️ How to Create a Responsive Image Gallery Grid with HTML and CSS | Web Design Tutorial ► • Responsive Image Gallery with HTML & ...
✔️ How To Make A Responsive Portfolio Website Using HTML, CSS And JavaScript ► • Front End Web Developer Portfolio Web...
✔️ How To Make A Bootstrap 5 Responsive Landing Page Website ► • How To Make A Bootstrap 5 Responsive ...
Channel Playlists:
✔️ Web Development ► • Responsive Navbar with HTML, CSS and ...
✔️ Bootstrap Websites ► • Responsive Bootstrap 5 Landing Page D...
✔️ Website Navigation Bars ► • Responsive Navbar with HTML, CSS and ...
Timestamps:
0:00 - Intro
0:40 - Contact Page Set Up
3:20 - Header Hero Section
3:56 - Contact Form Section
14:20 - Contact Form Section Style
21:40 - Website Links Fix
23:40 - 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.
#coding #website #webdesign