Адаптивная верстка сайта для начинающих. HTML, CSS, Bootstrap, Figma (шаблон Coffee)
Наиболее популярным CSS-фреймворком на сегодняшний день является Bootstrap. Поэтому знать его и уметь его использовать - будет несомненным плюсом для верстальщика. В данном уроке в течение 4 часов мы сверстаем сайт интернет-магазина по продаже кофе, используя последнюю версию Bootstrap 5. Верстать мы будем по шаблону в Figma.
Данный урок предназначен в первую очередь для начинающих верстальщиков, которые хотят закрепить HTML, CSS, а также улучшить свои навыки верстки с использованием Bootstrap.
Исходники к уроку - https://github.com/matroskin978/coffe...
Ссылка на шаблон - https://www.figma.com/file/hr8QvCWQXp...
00:03 - Подготовка проекта
13:21 - Общие стили проекта
25:23 - Верхняя часть шапки
37:50 - Меню навбара
1:00:37 - Иконки навбара
1:27:09 - Секция Hero
1:55:24 - Секция Banner
2:15:22 - Секция Catalog
2:39:21 - Секция News
2:52:56 - Footer
3:05:35 - Minicart
3:32:06 - Product page-1
3:50:28 - Product page-2
===========================
Мои курсы на Udemy
Курс по созданию интернет-магазина и веб-приложений в Telegram - https://www.udemy.com/course/telegram...
Курс по созданию собственного шаблона интернет-магазина для OpenCart 3 - https://www.udemy.com/course/opencart...
Курс по PHP - https://www.udemy.com/course/php-8-ua...
