Landing Page with Bootstrap 5 & Material Design 2.0 (MDB 5 tutorial)
Вставка
- Опубліковано 19 вер 2024
- Let's imagine you have your first customer and you're about to create a landing page for them. With this tutorial, you'll learn got to create a landing page from scratch in just 30 minutes.
Project source code ➝ bit.ly/2ZleYX3
Create, deploy & host your project with a single command ➝ bit.ly/3heDSxk
Learn more about responsive web design with the newest Bootstrap 5 ➝ bit.ly/2ZiAQC4
===============================
📰 If you prefer written tutorials, you will find 25+ lessons on Bootstrap here -
mdbootstrap.co...
🎁 Join our mailing list & receive exclusive resources for developers
mdbootstrap.co...
⭐ Support creation of open-source packages with a STAR on GitHub
github.com/mdb...
👨👩👧👦 If you have any questions - don't hesitate to ask on our Facebook group:
/ 682245759188413
🎓 Learn responsive web design with the latest Bootstrap 5
• Bootstrap 5 tutorial -...
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
mdbootstrap.co...
______________________________
Show us some love ↓
Star ⭐ us GitHub github.com/mdb....
Like 👍 us on Facebook / mdbootstrap
Follow 🐦 us on Twitter / mdbootstrap
-------------------------------------------------
Credits ↓
Unsplash.com
#bootstrap5#landingpage#tutorial
I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!
I don't run ads on tutorials - the only value I get is your engagement in the MDB community.
So if you would like to show your support:
- Encourage more people to Keep Coding ---> Send this video to one person
- Stay tuned for new content ---> Subscribe & ring the bell
In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions - don't hesitate to ask on our Facebook group
Thank you for your support!
I don't like to overstate anything, but this is probably the best Bootstrap serial on the net !
text-left and text-right have been replaced with text-start and text-end.
There is a weird side scroll in your tutorial. You may add:
html, body {
max-width: 100%;
overflow-x: hidden;
}
Thank you saved an overflow issue when using container-fluid class in MBD 5.
Thank you...
Great tutorial. Could you give me the url for the hover ripple effect?
Wao! This tutorial was really helpful.
Pls which tutorial makes the contact form working?
Coming soon!
Awesome tutorials. MDB 5 Pro is a game changer. I really want to learn more about it on the version 5 however, some of the code snippets has already been restricted and needs to purchase a Pro account. Sad to say, it really costs much for me as a beginner to learn new things on the MDB 5 Pro. :(
Stay tuned for coming Black Friday... :) I think that will help: mdbootstrap.com/bf/sale/
I really like the design and enjoy watching your tutorial. But I have an offtopic question: How do I configure VS Code to automatically reload the DOM inside the browser while coding like in your video? Is there a link to a video or blog / documentation for this? Thanks in advance :)
Live server extension :) have a look at this tutorial, I've mentioned this and other useful plugins for VSC ua-cam.com/video/fh97jo6Xur8/v-deo.html
What is the difference respect Bootstrap alone? Looking at the demo page it is all the stuff you can do with Bootstrap.
Hi @elnath1978
This should be helpful mdbootstrap.com/learn/mdb-foundations/mdb-ui-kit/about/
Keep Coding :)
Very helpful, thanks!!!
sir you have an extra padding on the right
Amazing tutorial, your channel is extremely helpful. P.S. the phrase is "long story made short", and not "long story make short"
Thanks for the tip!
Thank you for the tutorial. Can you tell me where you get the design ? Or how to find free templates and convert them to html & css ? 🙏
We dont use PSD templates :) We just create them using MDB components on the fly ;) Try it!
Sir. what if I want to move navbar links to the right side.? ml-auto, mr-auto or mr-auto with blank div is not working in boot-5 :-(
Have a look at this solution mdbootstrap.com/docs/standard/navigation/navbar/#subsection-right-aligned
Gr8 thtorial
hey man..Thank you bring more pliz
Considered done! ua-cam.com/users/Mdbootstrapvideos ;)
@@Mdbootstrap Thank you
very nice ...is it free. can i used instead of boostrap 5 framework.
Yes, it's free :) and you can definitely use it instead of bootstrap 5
I didnt really understand what you said im sorry but keep
not really good tutorial, because i didn´t understood what you say, because of your pronunciation