Наиболее популярным CSS-фреймворком на сегодняшний день является Bootstrap. Поэтому знать его и уметь его использовать - будет несомненным плюсом для верстальщика. В данном уроке в течение 4 часов мы сверстаем сайт интернет-магазина по продаже кофе, используя последнюю версию Bootstrap 5. Верстать мы будем по шаблону в Figma.
Данный урок предназначен в первую очередь для начинающих верстальщиков, которые хотят закрепить HTML, CSS, а также улучшить свои навыки верстки с использованием Bootstrap.
Исходники к уроку -
Ссылка на шаблон - (Course)-(Copy)?type=design&node-id=0-1&mode=design&t=jf6M8CK0KdZgBTw0-0
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 -
1 view
713
218
9 years ago 00:47:15 136
1. Адаптивная вёрстка
9 years ago 01:13:07 320
адаптивная верстка сайта
8 years ago 00:49:00 127
Семинар “HTML-верстка“: Адаптивная верстка
7 years ago 00:11:48 16
Адаптивная верстка. Финиш
9 years ago 03:14:16 38
Резиновая, адаптивная верстка
6 years ago 00:25:50 120
Практическая верстка. Unit 11. Адаптивная верстка
6 years ago 01:10:07 49
Адаптивная верстка страницы. Как сделать адаптивную верстку. Адаптивная верстка с нуля.