Наиболее популярным 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
888
176
3 months ago 03:55:52 1
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
4 months ago 00:28:35 2
Chrome DevTools. Полный ГАЙД для Тестировщиков
4 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
4 months ago 00:11:36 1
Как написать соцсеть в 2024 году? Установка Node JS и Yarn. Реализация дизайна.
4 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
4 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
4 months ago 00:05:02 155
Open Server 6.0 - Как создать проект. Как использовать Apache
5 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
5 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок