Верстка сайта с нуля для начинающих | HTML CSS | Верстка секции Promo | Урок №2

Всем привет :) Приглашаю вас заняться вместе со мной версткой сайта с нуля, особенно - это будет полезным для начинающих. Верстать сайт мы будем на чистом HTML и CSS.
Верстку сайта мы с вами реализуем за 8 коротких уроков !

👉 В этом уроке мы вместе с вами сверстаем секцию - Promo.

👉 Макет проекта доступен по следующей ссылке:
https://www.figma.com/design/kEn2Aqeqmlg3MGSxY1J4yD/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82-Bella-Olonge-(Original)?m=auto&t=nrPFCVWtssFF0uZv-6

👉 Готовый код всего проекта вы можете скачать по следующей ссылке:
https://drive.google.com/file/d/1pGj0EimBt8MnDHA9LcLsbDM8oQQHt_lo/view?usp=sharing

👉 Если вы столкнулись с какими-либо сложностями при верстке проекта и вам необходима помощь в поиске ошибок, или же обратная связь по вашему проекту, пишите в чат, буду рад помочь, ссылка на чат: https://t.me/+vPthXuGY5thkZDJi

💻 Будем рады видеть вас в наших сообществах, в них мы регулярно публикуем новости и интересные материалы для ваших проектов.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
👉 Вконтакте: https://vk.com/web__skills
👉 Telegram канал: https://t.me/web_skills
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Тайм коды:

00:00:00 - Анализируем секцию в макете.
00:01:19 - Приступаем к верстке секции.
00:02:43 - Заголовки и кнопки.
00:05:42 - Экспорт фона.
00:07:11 - Наполнение секции контентом.
00:11:17 - Стилизация заголовков.
00:18:04 - Работаем с оверлеем.
00:18:47 - Указываем отступы. Flexbox.
00:22:35 - Стилизуем кнопки.
00:30:25 - Указываем свойства для фонового изображения.
00:31:13 - Подведение итогов верстки секции.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

👉 Уроки по редактору кода Visual Studio Code:
https://www.youtube.com/playlist?list=PLuHUihQUkBMI8-HbZ0PEIHMpi-zdBlq5n

👉 Уроки по HTML, базовый курс:
https://www.youtube.com/playlist?list=PLuHUihQUkBMJa7BBiMmEWEVFkgXX6JcYS

👉 Уроки по графическому редактору Figma:
https://www.youtube.com/playlist?list=PLuHUihQUkBMIGWwwndKd5SlYWKPfrk3mo

👉 Уроки по CSS FlexBox:
https://www.youtube.com/playlist?list=PLuHUihQUkBMKBqrR-S1ASFw9w-e4n8RM7

#html #верстка #css

Видео Верстка сайта с нуля для начинающих | HTML CSS | Верстка секции Promo | Урок №2 канала Web Skills. Уроки по веб-разработке