Креативная шапка сайта с Swiper слайдером. HTML верстка на Gulp сборке

HTML SCSS верстка для креативной шапки сайта на Gulp сборке. Swiper слайдер с параллакс эффектом. Мобильная адаптация. Прелоадер. Онлайн урок по HTML верстке.

• Сверстаем шапку с Swiper слайдером
• Добавим параллакс эффект для Swiper
• Мобильная адаптация и навигация
• Прелоадер
• Верстка на Gulp сборке

Подробно с пошаговыми объяснениями для новичков и начинающих. Готовый код к уроку прилагается.

Видео урок

Материалы к уроку

Урок по Gulp сборке

• Урок по Gulp сборке. Готовый код Gulp сборки

Макет

• Макет в Figma

Ссылки

• Swiper слайдер
• Swiper демо примеры
• Swiper документация
• CSS прелоадеры

Готовый код с урока

• Готовый код и графика для урока: https://t.me/+9XtDDNBdHAk4Yjhi (пост за 15 Июля 2023)
• Чат верстальщиков ВебКадеми: https://t.me/+QAxmsKj2HyWfEKzz