Разработка простого калькулятора для блога
Требуется создать и внедрить на страницу сайта простой калькулятор. Условия его работы понятны из текста на странице, но требуют технической реализации.
Задача
1. Верстка макета Figma и интеграция на CMS «Битрикс»
Требуется сверстать точный макет из Figma с адаптацией под десктоп, планшет и мобильные устройства, а затем выполнить интеграцию на CMS Битрикс: настроить шаблоны страниц и блоков для удобного редактирования, подключить интерактивные элементы и формы.
2. Требования к верстке
- Точное соответствие макету (пиксель-перфект на основных разрешениях);
- Адаптивная верстка для трёх диапазонов: десктоп, планшет, смартфон;
- Кроссбраузерная совместимость (Chrome, Firefox, Safari, Edge, Яндекс.Браузер - актуальные версии);
- Использование семантичного HTML5, CSS3, валидная верстка без ошибок.
3. Интеграция на CMS (Битрикс)
- Настройка шаблонов основных страниц и типовых блоков;
- Реализация редактируемых элементов (контент, изображения, текст) через визуальный редактор Битрикса;
- Подключение форм обратной связи с валидацией и отправкой данных.
4. Интерактивы и формы
- Подключение анимаций, слайдеров (по необходимости), всплывающих окон;
- Состояния кнопок, ссылок, полей ввода (hover, focus, disabled);
- Корректная работа на сенсорных экранах.
5. Проверка качества
- Проверка адаптивности и корректного отображения на разных устройствах;
- Тестирование во всех перечисленных браузерах;
- Исправление выявленных ошибок.
Порядок работы
Исполнитель получает ссылку на макет Figma после обсуждения. Этапы согласовываются: сначала выполняется верстка и её предварительный показ, затем интеграция на CMS. После готовности проводится финальная проверка и сдача проекта.