Мы с вами сверстаем навигацию проекта - GoodLyfe.
При вёрстке макета будут использованы: PUG, SCSS, Gulp, Git, JavaScript, Slider, Gallery, SVG.
Ссылка на макет проекта и готовый код с урока:
Создать свою - Gulp сборку вы можете по видео из следующего плейлиста:
Вы можете скачать готовую - Gulp сборку из видео, ссылка на сборку находиться в описании к видео:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Хочешь стать Frontend разработчиком и изучить JavaScript React ?
Советую посмотреть информацию по ссылке ниже:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Тайм коды:
00:00:00 - Обзор макета. Подготовка к верстке.
00:20:56 - Типографика.
00:43:45 - Кнопки, svg графика.
00:59:56 - Верстка навигации.
03:05:33 - Мобильная адаптация навигации.
Будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Вконтакте:
Telegram канал:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Если есть вопросы, пишите их в комментариях, с радостью на них ответим.
#slider #carousel #слайдер #карусель #сайт #html #css #javascript #js #html5 #css3 #gulp #pug #уроки #курс #бесплатно #вёрстка #верстка
5 views
116
53
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. Реализация дизайна.
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
Как новичку создать красивый сайт | Подробный урок