Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Пояснительная записка по макетамПри первом заходе на страницу должен отрабатывать прелоадерВнутри прелоадера нужно выстроить логику на загрузку изображений и движение ракеты от нижнего угла в верхний, где скорость движения будет зависить от скорости загрузки картинки

Далее после того как картинка загружается мы попадаем на главную страницу состоящую из 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

3 года назад
grammabc
Никита 
20 лет
3 года в сервисе
Был
2 года назад

Заявки фрилансеров

Максим
 
21 год
3 года в сервисе
Был
3 года назад
1 отзыв
3 года назад
Кирилл
 
23 года
3 года в сервисе
Был
2 года назад
1 отзыв
3 года назад
  • Похожие заказы

  • $10

    Требуется разработка лендинга на платформе Flexbi с использованием HTML-верстки. Необходимо указать стоимость и сроки выполнения проекта. Ожидается качественный и адаптивный дизайн с учетом современных стандартов.

    HTML-верстка27 заявок
    Закрыт
    3 года назад
  • Необходимо сверстать интерфейсы для игрового roleplay-сервера GTA5, используя Vue3, SASS и методологию БЭМ. Ожидается долгосрочное сотрудничество и адаптивная верстка для различных экранов. Работа с макетами из Figma, а также написание логики на Vue приветствуется. Оплата сдельная, зависит от объема работ и навыков.

    HTML-верстка12 заявок
    Закрыт
    3 года назад
  • $10

    Необходимо сверстать лендинг по предоставленному дизайну из Figma. Включает HTML-верстку, заливку на хостинг и внесение правок. Ожидается внимательное отношение к деталям и соблюдение сроков.

    HTML-верстка28 заявок
    Закрыт
    3 года назад
  • Необходимо разработать дизайн и HTML-верстку шаблона для e-mail рассылки. Шаблон должен быть удобным для редактирования типовым пользователем. Подготовьте адаптивный и профессиональный дизайн.

    HTML-верстка1 исполнитель
    Завершен
    3 года назад
  • $30

    Требуется выполнить адаптивную верстку HTML на основе предоставленного дизайна из Figma для университетской работы. Необходимо обеспечить корректное отображение на различных устройствах и экранах. Важно соблюсти все элементы дизайна и функционал, указанные в макете.

    HTML-верстка1 исполнитель
    Завершен
    3 года назад
  • $750

    Требуется верстка страниц сайта на CMS Битрикс с использованием макетов из Figma. Необходимо сверстать Главную, Шаблон А, Шаблон Б, Новости и 404. Страницы О нас и Контакты будут предоставлены позже. Обсуждение деталей с кандидатом. Стоимость проекта: 40 000 р. (~ $750).

    HTML-верстка14 заявок
    Закрыт
    3 года назад
  • Необходимо сверстать адаптивный макет сайта для CMS с кроссбраузерной поддержкой. Важно использовать методологию БЭМ, стили через SCSS, а также фреймворк UIKIT. Все тексты должны быть верстками, а дублирующиеся элементы вынесены в отдельные файлы. Применять twig для работы с переменными и циклами. Подробности по СЕО указаны в документе.

    HTML-верстка18 заявок
    Закрыт
    3 года назад