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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «How to make responsive website using HTML, CSS and Bootstrap in 2022 | Code & deploy», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.