Alivio — верстка лендинга по макету Figma на HTML и CSS

Описание

Цель проекта — перенести готовый дизайн лендинга из Figma в работающую веб-страницу и максимально точно сохранить структуру, типографику, отступы и визуальную композицию исходного макета.

Основной акцент был сделан на точности верстки и соответствии результата предоставленному дизайну.

Решение

Страница сверстана на HTML и CSS без использования frontend-фреймворков.

При реализации были воспроизведены:
— структура страницы;
— шапка и навигация;
— hero-блок;
— текстовые и информационные секции;
— изображения;
— кнопки и элементы интерфейса;
— размеры, отступы и типографика из макета.

Код разделен на понятную HTML-структуру и CSS-стили, что упрощает дальнейшее изменение страницы.

Результат

Получился готовый desktop-лендинг, визуально повторяющий исходный макет Figma.

Проект демонстрирует навыки HTML/CSS-верстки, работы с готовым дизайном и переноса интерфейса из Figma в браузер.

Презентация проекта

Ссылки на примеры реализации