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

Описание

Всем привет :) Приглашаю вас заняться вместе со мной версткой сайта с нуля, особенно - это будет полезным для начинающих. Верстать сайт мы будем на чистом 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:03 - Пару слов о макете.
00:01:46 - Учимся создавать дубликат макета.
00:04:27 - Подготовка к верстке макета.
00:05:08 - Организационные моменты.
00:06:06 - Создание структуры макета.
00:09:14 - Базовая разметка страницы, подключение файла с css стилями.
00:10:45 - Верстаем Header.
00:12:41 - Экспорт и подключение в проект логотипа.
00:14:39 - Работаем с навигацией.
00:20:17 - Прописываем css стили.
00:24:16 - Прописываем css стили Header.
00:29:29 - Центрируем навигацию.
00:30:20 - Стилизуем ссылки.
00:31:40 - Подключаем шрифты через - Google Fonts.
00:36:34 - Указываем необходимые отступы.
00:36:34 - Подведение итогов верстки header.

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

👉 Уроки по редактору кода Visual Studio Code:
https://rutube.ru/plst/644782

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

👉 Уроки по графическому редактору Figma:
https://rutube.ru/plst/635725

👉 Уроки по CSS FlexBox:
https://rutube.ru/plst/639596

#html #верстка #css #html5 #css3 #frontend #фронтенд