Адаптивная верстка макета - GoodLyfe. Секция "Call to Action".
КОНЧИК! Щелкните правой кнопкой мыши и выберите "Save link as..." для загрузки.
Всем привет. В этом видео мы с вами сверстаем и адаптируем секцию "Call to Action".
При вёрстке макета будут использованы: PUG, SCSS, Gulp, Git, JavaScript, Slider - SWIPER, Gallery, SVG.
Ссылка на макет проекта и готовый код с урока: https://drive.google.com/drive/folders/1HVTesxt1XRnwv0vI7fw9yiK-lKmHPJym?usp=sharing
Тайм коды:
00:00:00 - Начало работы, создание и подключение pug и scss файлов, для разметки и стилей.
00:02:20 - Перенос кода слайдера из шапки в файл разметки для секции - Call to Action.
00:04:30 - Первый способ подстраивания кода слайдера шапки для секции - Call to Action.
00:06:10 - Второй способ через оптимизацию имён классов слайдера в шапке.
00:36:40 - Стилизация для адаптивной версии секции - Call to Action.
Будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Вконтакте: https://vk.com/web__skills
Telegram канал: https://t.me/web_skills
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Если есть вопросы, пишите их в комментариях, с радостью на них ответим.