3. Вёрстка HTML макета из Figma | ВЁРСТКА РЕАЛЬНОГО ПРОЕКТА НА HTML!
🎨 Макет Figma (жми Duplicate и работай с макетом):
✅ Результат серии уроков:
Друзья, в этом видео мы сверстаем десктопную версию всего за 2,5 часа: шапку, хедер, 6 “экранов“ и подвал. Во всём этом - иконочные шрифты, Яндекс.Карта, CSS анимации и формы (поля ввода и кнопки).
Также я прошу прощения за оговорки (я про “всё осталось как в следующем видео“, “некоторые думаю про ширину (а в реале про высоту)“ и возможно другие незамеченные моменты). Все мы люди😊
Задавай вопросы в комментариях. Я всё читаю и на всё отвечаю.
========================================
Эпизоды:
00:32:58 - верстаем хедер
00:43:19 - верстаем меню
01:01:00 - верстаем экран фактов
01:18:32 - верстаем экран “наши квартиры“
01:48:51 - верстаем экран “хотите посмотреть?“
01:58:58 - верстаем экран с видео
01:58:58 - верстаем экран с картой
02:04:58 - верстаем экран с FAQ
02:12:06 - верстаем экран подвал (footer)
02:28:35 - завершающая часть
========================================
18 views
96
20
2 years ago 00:42:27 21
Верстка многостраничного сайта #3
9 years ago 00:41:24 142
Верстка одностраничного сайта. Урок 3
7 years ago 01:04:11 14
Видео 3. Верстка главной страницы
4 years ago 00:16:01 8
Верстка лендинга Discover #3
2 years ago 00:53:34 29
Вёрстка веб-страниц. Лекция №3.
2 years ago 00:24:11 8
9.3. Верстка сайта 3/5.
3 years ago 01:17:06 46
React 0.3 Верстка компонента Header.
5 years ago 00:26:52 10
ВЕРСТКА ШАПКИ, РАБОТА С SVG - ВЕРСТКА РЕАЛЬНОГО ПРОЕКТА #3
6 years ago 06:49:10 34
Верстка сайта с нуля до публикации за 7 часов // Марафон Верстки 3.0