Мини-проекты — это практическая часть курса, где отдельные уроки HTML и CSS собираются в одну законченную работу. Здесь ты не изучаешь новую тему, а применяешь то, что уже прошёл: вёрстку блоков, Flexbox и Grid, работу с формами и адаптивность — на примере реальных страниц. Каждый проект разобран по шагам: HTML-структура, CSS-решения и полный исходный код, который можно взять за основу для своего сайта.
Мини-проекты
4 проектаПроекты не идут по порядку одного курса — каждый закрывает свой набор навыков и доводит его до законченного результата.
Мини-проект: страница «Визитка»
Собираем одностраничный сайт-визитку на чистых HTML и CSS — от структуры до готовой страницы
Мини-проект: сайт-портфолио
Верстаем адаптивный сайт-портфолио на Flexbox и Grid — разбор макета и всех CSS-решений
Мини-проект: форма регистрации и входа
Собираем форму с валидацией и стилизацией состояний — практика по HTML-формам и CSS
Мини-проект: анимированная карточка товара
Собираем карточку с hover-эффектом, тенью и плавным появлением — итог курса CSS-анимаций