AGATE — это адаптивный лендинг сайта ресторана авторской кухни, выполненный в рамках учебного проекта по вёрстке. Его цель — демонстрация навыков семантической HTML5-разметки, стилизации с использованием SCSS, применения БЭМ-методологии и построения адаптивных интерфейсов, красиво отображающихся на разных устройствах.
Этот проект — мой способ превратить строки кода в атмосферу изысканного ресторана. Здесь важна каждая деталь — как в дизайне, так и в блюде.
- HTML5 — семантическая разметка
- SCSS — модульная и гибкая стилизация
- Методология БЭМ — логичная структура классов
- Адаптивная верстка — desktop-first подход
- Media Queries — адаптация под разные разрешения
AGATE/
├── index.html
├── /img/ # изображения ресторана и блюд
├── /scss/
│ ├── base/ # переменные, миксины, утилиты
│ ├── layout/ # layout секции
│ ├── blocks/ # SCSS для блоков (header, banner, menu и т.д.)
│ └── style.scss # основной файл, собирающий всё
└── /css/
└── style.css # скомпилированный CSS