Задание: HTML-верстальщик. Создать лендинг по эскизу из Figma (Дистанционная работа)
Это задача из учебного заведения, не продакшен решение.
Наиболее желательный дедлайн 7:00 15.06.26, можно позже на час-два, но лучше уложиться.
Эскиз в Figma снабжён всем необходимым визуалом, не имеет прототипирования, фреймы местами дублируют вёрстку и по сути служат для визуального ознакомления.
Функционал требуемого лендинга подразумевает JavaScript.
В обязательном порядке требуется, чтобы в коде сайта (html файл) использовались нав класс, секшн, т.е. разного рода семантические элементы, минимально необходимые по бест практис разметки веб-сайтов.
FL не пустил файл проекта из фигмы из-за веса, поэтому вот ссылка на него в DropMeFiles (просуществует 7 суток): https://dropmefiles.com/XveaP
Там же можно найти папку с медиаресурсами для содержимого aggregated_code_4.txt (подробнее об этом - ниже).
К заказу дополнительно прикрепил результаты попыток создать этот лендинг через нейросеть, возможно подойдут в качестве опорника:
aggregated_code_3.txt - здесь минимально JS отрабатывает то что требуется, но далеко от идеала; элементы сайта не соответствуют эскизу.
aggregated_code_4.txt - здесь соответствие эскизу почти без нареканий, но отсутствует JS.
В обоих файлах куча нейросетевого мусора, насколько я понимаю. Поэтому предпочтительнее на них только опираться, а не дорабатывать их до соответствия эскизу из фигмы.
Отдельно обратить внимание: в эскизе для Figma есть фрейм с адаптацией лендинг-страницы под мобильные устройства. Такого рода адаптацию реализовывать сейчас не требуется, это не относится к актуальной задаче