Cat energy

Описание

Cat Energy — учебный проект по адаптивной вёрсткеa

Описание проекта:
Cat Energy — учебный макет сайта, выполненный в рамках практики адаптивной вёрстки. Проект представляет собой лендинг для условного бренда кошачьего питания. Основная цель — отработка навыков HTML, CSS и построения адаптивной сетки без использования CMS или JavaScript.

Моя роль:
Я самостоятельно сверстал сайт по предоставленному макету, уделяя внимание пиксельной точности, адаптивности и семантике.
В процессе работы я:

Реализовал фиксированную и резиновую сетку
Настроил адаптивность под разные разрешения
Использовал современные подходы к организации CSS: Flexbox, Grid
Проработал визуальную структуру и типографику

Особенности проекта:

Чистая семантическая вёрстка
Адаптивный дизайн
Проект реализован вручную, без шаблонов
Сайт не содержит бизнес-логики — это учебная практика

Технологии:

HTML5
CSS3 (Flexbox, Grid)
Адаптивная вёрстка
БЭМ-методология

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