Реализовать 2 Шаблона из / 2 Макетов 1 desktop 2 mobila
Пояснительная записка по макетамПри первом заходе на страницу должен отрабатывать прелоадерВнутри прелоадера нужно выстроить логику на загрузку изображений и движение ракеты от нижнего угла в верхний, где скорость движения будет зависить от скорости загрузки картинки Далее после того как картинка загружается мы попадаем на главную страницу состоящую из 3х секций Меню страницы всегда должно быть фиксированно, клик по кнопкам должен переносить нас к конкретной секции + кнопка должна становиться активной Первую секцию необходимо заполнить своей информацией, те текстовые вставки которые сейчас видны считать как рабный текст, остальные данные можно оставить как в макете, но можно и заполнить своими данными На страницу необходимо добавить креатива (анимаций, параллакса и тому подобное) на свой вкус В комментариях к макетам указаны анимации которые обязательно необходимо добавить! Шеринг в соц. сети должен работать (открывать окно/страницу для шеринга и данные должны быть зашиты) примечание - данные и картинку от этих шеров вы не сможете увидеть на локальной сборке, это будет работать только на сервере, но задать эти данные и сделать кнопки рабочими необходимо! Доп. задание (выполнять не обязательно, но будет плюсом) - сделать шеринги динамическими, т.е. текстовые данные для шера будут браться из первой секции и их можно будет менять в реалтайме на сайте
Пояснительная записка к коду и используемым технологиям0. Во время выполнения заданий нужно засечь время на выполнение 1.Обязательное использование внутренней сборки ninelines-template 2. Для реализации скролла и некоторых анимаций использовать библиотеку locomotive-scroll 3. После завершения работ обязательно проверить на наличие ошибок через линтер (см. ninelines-docs) 4. Верстка для десктопа должна быть резиновой от 1025пх до 1800пх, далее переходит в статику с центрирование текстового контейнера, необходимые брекпоинты и функции вычисления уже реализованы в шаблоне vw, px, desktop, desktop-xl 5. Верстка для девайсов должна быть резиновой от 0 до 1024пх, далее переход в десктоп, для этого нужно использовать функции devices и vm/vmin, иногда на проектах используются tablet/mobile и vm/vmin/vt, но в данном случае это можно пропустить для упрощения работы 6. Для примера структуры проектов стартовый шаблон уже имеет несколько файлов, новые файлы необходимо создавать по аналогии 7. В мобильном меню необходимо реализовать блокировку страницы, чтобы скролл в меню не давал скролла на всей странице * Для тех кто хочет заработать дополнительные баллы с помощью динамических шерингов, можно использовать библиотеку html2canvas
