Адаптивная верстка макета - GoodLyfe. Секция “Call to Action“
Всем привет. В этом видео мы с вами сверстаем и адаптируем секцию “Call to Action“.
При вёрстке макета будут использованы: PUG, SCSS, Gulp, Git, JavaScript, Slider - SWIPER, Gallery, SVG.
Ссылка на макет проекта и готовый код с урока:
Создать свою - Gulp сборку вы можете по видео из следующего плейлиста:
Вы можете скачать готовую - Gulp сборку из видео, ссылка на сборку находиться в описании к видео:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Хочешь стать Frontend разработчиком и изучить JavaScript React ?
Советую посмотреть информацию по ссылке ниже:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Тайм коды:
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.
Будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Вконтакте:
Telegram канал:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Если есть вопросы, пишите их в комментариях, с радостью на них ответим.
#slider #carousel #слайдер #карусель #сайт #html #css #javascript #js #html5 #css3 #gulp #pug #уроки #курс #бесплатно #вёрстка #верстка
1 view
134
42
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 156
Open Server 6.0 - Как создать проект. Как использовать Apache
5 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
5 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок