HTML и CSS: верстка Landing Page с нуля за 2 часа по Photoshop макету

►►► Регистрируйся на бесплатный 7-дневный интенсив «Frontend: Start» по ссылке → https://itlogia.ru/link/hczn2.
Разработаешь Frontend-проект с нуля под руководством Романа Чернова, даже если никогда не программировал и получишь проверку домашек от кураторов! 🔥 Более 1600 отзывов об интенсиве: https://vk.com/topic-190633551_49068482
►►► Для тех, кто настроен с нуля изучить все необходимые технологии и стать востребованным frontend-разработчиком, выйти на фриланс или трудоустроиться в компанию в любой точке мира — мы предлагаем эффективный 12-месячный онлайн-курс «Frontend-разработчик» [+1 месяц работы с карьерным консультантом] → https://itlogia.ru/link/CgBLQ
💰 Результаты студентов курса → https://t.me/itlogia_results
⚡️ Честные интервью с выпускниками → https://itlogia.ru/graduates
►►► Записаться на полноценный онлайн-курс «Frontend-разработчик» с нуля до фриланса и трудоустройства → https://itlogia.ru/link/CgBLQ
В этом видео: 00:00 — Вступление 00:37 — Кто я 01:31 — Из чего состоит верстка сайта 02:23 — Веб-страница и ее составляющие 03:18 — HTML (теория) 04:40 — Структура любого HTML-документа 06:22 — Программы для верстки кода 07:39 — Создаем проект в PHPStorm и разбираем его структуру 13:48 — Атрибуты тегов 17:46 — CSS-код 18:16 — Синтаксис CSS 19:05 — Применяем CSS на практике 23:39 — Селекторы в CSS 24:19 — Идентификаторы в CSS 26:37 — Классы в CSS 30:23 — Открывает макет и добавляем шрифты 33:26 — Просматриваем макет 34:35 — Верстаем блок меню 46:51 — Добавляем стили блоку меню 59:19 — Верстаем главный блок сайта 01:01:34 — Добавляем стили главному блоку сайта 01:09:20 — Верстаем второй блок (о нас) 01:13:45 — Добавляем стили второму блоку (о нас) 01:22:02 — Верстаем третий блок (наши услуги) 01:24:28 — Добавляем стили третьему блоку (наши услуги) 01:30:10 — Верстаем четвертый блок (заявка) 01:32:07 — Добавляем стили четвертому блоку (заявка) 01:38:03 — Верстаем пятый блок (наши доктора) 01:39:14 — Добавляем стили пятому блоку (наши доктора) 01:40:48 — Верстаем последний блок (футер) 01:44:35 — Добавляем стили последнему блоку (футер) 01:50:28 — Финальный просмотр готовой работы Внимание: в видео идёт упор больше на практическую часть, поэтому подробное теоретическое пояснение всех CSS стилей опущено. Любое интересующее вас свойство стилей можно подробно изучить в любом справочнике в свободном доступе. Макет можно скачать по ссылке → https://itlogia.ru/link/LIbbH
Вторая часть видео →    • HTML и CSS: адаптив для Landing Page с нул...   Подпишитесь на канал Айтилогии, чтобы вовремя узнавать о новых роликах: ‪@itlogia_ru‬ ⚬ Я всегда на связи: Instagram →   / roman_chernov_it   Мой секретный telegram-канал → https://t.me/it_skills
⚬ А также: Официальный telegram-канал Айтилогии → https://t.me/itlogia
Официальный Instagram Айтилогии →   / itlogia.ru   Официальное сообщество Айтилогии Вконтакте → https://vk.com/itlogia_ru
Официальный сайт Айтилогии со всей информацией о школе и курсах → https://itlogia.ru