Задача: Верстка лендинг-страницы

Исходные материалы

• PSD-макет лендинга (дизайн предоставлен)
• Набор шрифтов и изображений к макету
• Примеры готовых страниц того же мероприятия (с готовым JS и уточнениями по дизайну)

Основные требования

• Адаптивность: мобильная версия нарисована для ширины 480px, а не 320px - при вёрстке учесть этот момент и подстроить для 320px + все ключевые расширения
• Интерактив: добавить JavaScript для блока со спикерами: карусель (движущаяся строка) с автопрокруткой
• Кроссбраузерность: последние версии Chrome, Firefox, Safari, Edge
• Оптимизация: семантичная структура, лёгкая загрузка, минимум сторонних библиотек

Техническое оснащение

Можно вдохновляться JS-логикой из примеров (механизм анимации, тайминги), но в итоге написать уникальный скрипт. Верстка - Hand-coded HTML + CSS (без фреймворков).

Что будем проверять

• Соответствие пиксельной сетке (дизайн)
• Работа JS-анимации (бегущая строка/карусель)
• Корректное отображение с разбивкой по брейкпоинтам (внимание к 480px и 320px)
• Отсутствие битых ссылок, корректные пути к шрифтам и картинкам