HTML верстка сайта каталога интернет магазина на Gulp сборке. Часть 1

Сверстаем сайт интернет магазина. Главная страница с каталогом товаров. Верстка на Gulp сборке. HTML, SCSS, JS. Мобильная адаптация. Макет и готовый код со стрима в Telegram канале:
Второй стрим. Продолжение верстки: https://www.youtube.com/live/9qzHg1GV...
Урок по Gulp сборке: • Gulp сборка - полная инструкция. HTML... Чат верстальщиков ВебКадеми:
Материалы ВебКадеми на всех площадках:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. Получить уроки, конспекты, макет и код из уроков:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Мои авторские курсы: Профессия HTML верстальщик Для начинающих. Курс по созданию и верстке сайтов.
Курс "Frontend разработчик. JavaScript + React" Станьте frontend разработчиком за 3 месяца.
Курс "Разработка сайтов на PHP + MySQL" Сможете создавать сайты с любым функционалом.
Обучение с нуля Обучение с наставником Доведение с нуля до результата Помощь с трудоустройством Поможем взять первый заказ на фрилансе возможна рассрочка если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт ВебКадеми:
Группа Вконтакте: https://vk.com/webcademy
Telegram канал:
ТАЙМ КОДЫ: 00:00 Начало стрима. 03:14 Макет. Где взять, как скопировать 05:27 Gulp сборка. Где взять, как запустить 13:55 Чат 15:25 Figma и платный dev mode. Плагин inspect styles 19:30 Чат 21:55 Начало верстки 23:28 Структура файлов в сборке 26:27 Подключение шрифтов 32:38 Верстка рекламного блока. Tagline 1:01:15 Чат 1:13:20 Курс по верстке 1:14:40 Чат 1:17:45 Верстка навигации 1:41:02 Чат 1:42:05 Верстка секции hero 1:49:25 Правка фоновой картинки 1:56:45 Контейнер для hero блока 2:03:10 Контент для hero блока 2:19:55 Чат 2:23:45 Секция New Arrivals 2:40:20 Верстка карточки 3:18:50 Чат 3:24:30 Данные и цикл для вывода карточек 3:42:00 Swiper 3:53:50 Чат 3:57:10 Настройка Swiper 4:46:15 Верстка секции Shop Collection 5:02:35 Чат 5:05:15 Retina для Shop Collection 5:07:35 Секция Best Seller 5:20:35 Чат 5:26:44 Секция Promotion 5:51:45 Верстка таймера 6:02:05 Организация скриптов 6:05:55 Скрипты для таймера 6:25:00 Чат 6:26:50 Действия по завершению таймера 6:35:00 Чат 6:37:00 Верстка с Chat GPT 6:46:00 Верстка секции Values 7:00:50 Верстка Newsletter 7:20:30 Верстка Footer 7:42:00 Завершение. Проверка макета. Чат