How to make responsive website using HTML, CSS and Bootstrap in 2022 | Code & deploy

A lot has happened in the world of web development in 2021. And I know sometimes it's hard to keep up with the changes.

That is why in this tutorial I will show you how to create a responsive website according to the latest standards and trends.

What's more - it will show you how to publish your website on the internet using free hosting.

📰 If you prefer written tutorials, you will find 25+ lessons on Bootstrap here -
https://mdbootstrap.com/learn/mdb-foundations/bootstrap/about/

📥 MDB UI KIT FREE download - https://mdbootstrap.com/

💎 MDBootstrap Pro - https://mdbootstrap.com/docs/standard/pro/

🎁 50% discount code (time-limited promotion) - YT50PRO

📤 FREE hosting - https://mdbgo.com/
______________________________________
🎥 Tutorials mentioned in the video

► MDB GO / CLI - installation & tutorial https://www.youtube.com/watch?v=F8oRfJkXOWg&list=PLl1gkwYU90QlZgS5k0L63eJMT3BtHUuC9&index=2&ab_channel=KeepcodingKeepcoding

► How to create a simple, nice logo in a few minutes - https://youtu.be/QGpNskHG4t0

► Navbar tutorial - https://youtu.be/G3tZUO2fAEU

► Carousel tutorial - https://youtu.be/Esv4AqWC72E

► Flexbox tutorial - https://youtu.be/XI-VYE7ftNM

► Grid tutorial - https://youtu.be/DZKf9l42WCo

► Form tutorial - https://youtu.be/ZCDvnP5Vsc4

► Footer tutorial - https://youtu.be/UEfFpk4sSxE

👨‍👩‍👧‍👦 If you have any questions - don't hesitate to ask on our Facebook group:
https://www.facebook.com/groups/682245759188413

⭐ Support the creation of open-source packages with a STAR on GitHub
https://github.com/mdbootstrap/mdb-ui-kit

_______________________________
Table of Contents

0:00 Intro
0:30 Demo
2:02 Basic setup
3:44 Navigation
12:00 Carousel slider (hero section)
21:35 Flexbox (aligning content)
23:23 Masks
26:58 Grid
30:08 Hover effects
30:36 Typography
31:52 Shadows
32:50 Responsive images
35:50 Margin (spacing)
37:16 Cards
39:45 Grid trick - centering the column
41:40 Forms
43:04 Footer
45:32 Final check
46:15 Deploying with a free hosting

#responsive#website#tutorial

Видео How to make responsive website using HTML, CSS and Bootstrap in 2022 | Code & deploy канала Keep coding