Требуется верстка сайта по дизайн-макету
Задача
Создать полноценную HTML-верстку на основе макета в Figma. Работа должна быть выполнена с использованием pixel-perfect подхода - точное соответствие отступам, шрифтам, цветам и размерам элементов из предоставленного файла. Все выходные результаты должны быть готовы к интеграции в CMS или передаче верстальщику для дальнейшего тестирования.
Основные требования
- Верстка выполняется строго в пикселях (единицы px), без резиновых или фреймворков, если иное не указано в макете.
- Необходимо реализовать все состояния экранов: мобильные устройства (320px-767px), планшеты (768px-1024px) и десктоп (1025px+).
- Адаптивность выполняется через media queries или мобильные first-подходы.
- Все изображения, иконки и шрифты должны соответствовать пользовательским группам макета. Стандартные альтернативы разрешены только при явной договоренности.
- Код должен быть чистым, семантическим, с использованием HTML5 и CSS3. Избегать избыточных дивов и лишней вложенности.
- Интерактивные элементы: кнопки наведения, ссылки следить за курсором, выпадающие списки (если предусмотрены макетом) - реализовать на чистом CSS без JavaScript, если иного не требуется.
- Сайт должен одинаково отображаться в последних версиях Chrome, Firefox, Safari, Edge. Для Internet Explorer адаптация не требуется.
- Данные клиента (логотипы, названия, контактные телефоны и ссылки) скрыть под плейсхолами - заменить на 'Изображение', контакты на '---+'.
- Предоставить исходники: структурированную папку с index.html, css/ (style.css), fonts/ (при наличии заказных шрифтов), img/ (картинки, иконки).
Форматы сдачи
- Запаркованная документация Figma предоставляется заказчиком в качестве временного аттачмента. Ссылка на макет будет уточнена при обсуждении.
- Рабочая копия - архив (.zip) с файлами проекта + скриншоты всех версий: десктоп, планшет, мобила.
- После завершения необходимо отследить соответствие скорости загрузки: за 2G/3G - <3 секунды first contentful paint.