HTML CSS Вёрстка сайта EV Cars. Часть 1

👨🏼‍💻 ТГ Канал с макетом: https://t.me/+9XtDDNBdHAk4Yjhi (пост за 29.11.2025)

Программы ВебКадеми:
📦 HTML верстальщик: https://webcademy.ru/htmlstart
🛠️ Frontend разработчик: https://webcademy.ru/frontend
🐘 Разработка сайтов на PHP: https://webcademy.ru/phpcourse/

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

🌍 Сайт ВебКадеми: https://webcademy.ru

ТАЙМ КОДЫ:

0:00 – Приветствие и план стрима
0:33 – Проверка звука, анонсы, лайки
1:44 – Будет ли запись, стек HTML+CSS
5:07 – Ссылка на макет в Telegram, как скопировать Figma
7:27 – Про школу Webcademy и путь обучения
8:22 – Курс «Верстальщик сайтов»: программа и формат
9:30 – Курс «Frontend-разработчик», длительность, цена, «чёрная пятница»
11:10 – Другие курсы, консультация в Telegram, завершение промо
11:38 – Q&A: мини-игры, актуальность вёрстки в 2025 году
13:52 – Как работает карьерный центр и трудоустройство
19:40 – Старт практики: создаём папки, index.html, main.css, Live Server
22:55 – Подключение reset.css и base.css, CSS-переменные
24:53 – Подключение шрифта через Google Fonts, базовый font-family
26:33 – Градиентный фон из Figma, min-height, контейнеры
31:44 – Разметка hero: контейнер, nav, структура шапки
37:21 – Стили навбара: белая плашка, blur, flex-выравнивание
40:52 – Экспорт логотипа, структура папок, srcset для ретины
44:19 – Меню навигации: ul/li, отступы, оформление ссылок
48:20 – Кнопка Order Now: разметка, SVG-иконка, спрайт
54:21 – Класс .btn, hover-эффекты, currentColor для иконки
1:18:13 – Мобильная навигация: бургер-кнопка и media-запросы
1:37:45 – Hero-цифры: разметка блока характеристик
1:48:32 – Адаптив характеристик: flex-wrap, clamp, выравнивание чисел
1:55:14 – Почему сложное панно проще сделать картинкой
2:22:42 – Обсуждение структуры CSS-файлов и производительности
2:33:57 – Финальные вопросы и приглашение на курсы
2:36:43 – Завершение стрима и прощание

Видео HTML CSS Вёрстка сайта EV Cars. Часть 1 канала ВебКадеми | Юрий Ключевский