Адаптивная верстка макета - GoodLyfe. Секция “Real Stories“

Всем привет. В этом видео мы с вами сверстаем и адаптируем секцию “Real Story“. При вёрстке макета будут использованы: PUG, SCSS, Gulp, Git, JavaScript, Slider - SWIPER, Gallery, SVG. Ссылка на макет проекта и готовый код с урока: Создать свою - Gulp сборку вы можете по видео из следующего плейлиста: Вы можете скачать готовую - Gulp сборку из видео, ссылка на сборку находиться в описании к видео: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“ От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Хочешь стать Frontend разработчиком и изучить JavaScript React ? Советую посмотреть информацию по ссылке ниже: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм коды: 00:00:00 - Старт верстки секции. 00:15:40 - Разметка блоков секции. 00:23:50 - Верстка каточки секции. 00:57:15 - Создание pug миксина для карточки. 01:09:00 - Стилизация второй карточки. 01:17:00 - Стилизация третьей карточки. 01:28:00 - Адаптив под мобильные и планшетные устройства. Будем рады видеть вас в наших сообществах: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Вконтакте: Telegram канал: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Если есть вопросы, пишите их в комментариях, с радостью на них ответим. #slider #carousel #слайдер #карусель #сайт #html #css #javascript #js #html5 #css3 #gulp #pug #уроки #курс #бесплатно #вёрстка #верстка
Back to Top