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

Сверстаем сайт интернет магазина. Главная страница с каталогом товаров. Верстка на Gulp сборке. HTML, SCSS, JS. Мобильная адаптация. Макет и готовый код со стрима в Telegram канале: friZxyBulgNmYjE6 Второй стрим. Продолжение верстки: Урок по Gulp сборке: Чат верстальщиков ВебКадеми: QAxmsKj2HyWfEKzz :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“ 7 уроков по 30 мин: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс “Frontend разработчик. JavaScript React“: Обучение с наставником, 3 месяца, результат, гарантия. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю Сайт школы ВебКадеми: ​ Вконтакте: ​ 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 Завершение. Проверка макета. Чат