ТЗ для верстальщика на вёрстку дизайна лендинга (Yii2) Текущая среда - Дизайн лендинга подготовлен в Figma и состоит из ~15 экранов, включая экраны авторизации. Модальные окна и рекламные уведомления вынесены отдельно. Дизайн имеет несколько адаптаций под основные разрешения. - Лендинг является частью большого многостраничного сайта и нам нужен человек, уверенный в своих силах, у которого есть время на большой проект: ~ 10 типов внутренних страниц второго и третьего уровня, личный кабинет для авторизированных пользователей, чат, страница эксперта и тд. который будет верстаться и развиваться далее и— это необходимо учитывать при выполнении задания. - Сайт работает на Yii2. Ссылка на дизайн в Figma: https://www.figma.com/design/66uj0eZf9rfMSaG7V15yz4/%D0%9D%D0%95%D0%91%D0%A3%D0%9B%D0%90--Copy---Copy- Используются - Bootstrap 4.6 - jQuery 3.x - Существующие JS/CSS-библиотеки (без изменений и обновлений) Общие требования - Вся новая вёрстка, стили и JS должны быть изолированы (отдельные файлы, собственные классы, без влияния на существующий код проекта). Вёрстка и стили - Использовать сетку Bootstrap 4.6 - Классы — БЭМ или аккуратная компонентная структура Стили - в отдельном файле home.css - без вмешательства в глобальные стили проекта JavaScript - jQuery или нативный JS - Все скрипты — в home.js - Без конфликтов с существующими библиотеками Адаптивность - Полностью адаптивная вёрстка - Основные брейкпоинты: мобайл / планшет / десктоп - Соответствие макету Figma на ключевых разрешениях Изображения и иконки - Изображения: WebP (fallback — JPG/PNG) - Иконки — SVG Семантика и базовая оптимизация - Корректная HTML-семантика (h1–h2, списки, alt) - Laz-y-loading изображений вне первого экрана - Без подключения новых библиотек Результат работы - Свёрстанная главная страница по макету Figma - Адаптивная, кроссбраузерная (Chrome, Firefox, Safari, Edge) Передача результатов - home.css - home.js - папка изображений (/img/home/) - Код готов к подключению через Yii2 asset bundle - Сверка с макетом Figma на основных брейкпоинтах