Адаптивная верстка макета - 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 #уроки #курс #бесплатно #вёрстка #верстка
4 views
151
46
2 months ago 03:55:52 1
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
3 months ago 00:28:35 2
Chrome DevTools. Полный ГАЙД для Тестировщиков
3 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
3 months ago 00:11:36 1
Как написать соцсеть в 2024 году? Установка Node JS и Yarn. Реализация дизайна.
3 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
3 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
3 months ago 00:05:02 155
Open Server 6.0 - Как создать проект. Как использовать Apache
4 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
4 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок