Верстка многостраничного проекта
Задача
Выполнить адаптивную, кроссбраузерную верстку одностраничного сайта по предоставленному макету в Figma. Сайт состоит из 6 уникальных блоков. Верстка выполняется на чистом HTML/CSS/JS, без использования CMS.
Технические требования
- Адаптивность: три контрольные точки - десктоп (по умолчанию), планшет и мобильный телефон.
- Кроссбраузерность: правильное отображение во всех современных браузерах на ПК, смартфонах и планшетах.
- Читаемый код: рекомендации к оформлению: осмысленные имена классов, комментирование сложных мест, соблюдение семантики (header, section, nav и т.д.).
- Скорость загрузки: минимизация веса файлов, отсутствие тяжелых библиотек, оптимизация графики (SVG, иконки в спрайтах или inline).
- Только Frontend: работа без CMS, без использования серверных языков (PHP, Python и т.д.). PHP.
- Отсутствие конфиденциальной информации: В исходных данных требуется скрыть конкретные названия брендов, url и номера телефонов.
Tемы и инструменты
- Figma
- Адаптивная верстка (CSS Flexbox/Grid)
- CSS Media Queries
- Pic HTML5, CSS3, нормальное использование JS для простых эффектов
Процесс работы
Исполнитель получает ссылку на Figma-макет. Результат предоставляется в виде архива корцасные проекта или ссылки на настроенный репозиторий. Допустимо использование Pixel Perfect.