Html+css чистая верстка на основе сайта-донора

3 000 руб. за проект
23 августа 2023, 10:44 • 1 отклик • 25 просмотров
Необходимо с нуля сверстать html+css страницу (два ее экрана), основываясь на визуальной составляющей сайта донора, с сохранением анимаций, кнопок, сюжета при выполнении действий юзером.
Требуется чистая верстка, без использования фреймворков типа React, Vue и т.д., а также исключить jquery совсем. По возможности минимизировать код на Vanilla JS, стараясь реализовать все через CSS.
Необходима адаптация под мобильные устройства.

Первый экран по линку
https://appleid.apple.com/auth/authorize?client_id...
Открывайте используя любой бесплатный впн (usa), поскольку нужен вариант страницы на английском.

На второй экран попадаем при вводе логина и пароля: отобразится форма ввода 6-ти значного кода. Выглядит вот так https://ibb.co/gWc4XC2 , а при неверном коде https://ibb.co/RNcMsCR

Рабочая (функциональная) кнопка видимо только одна:
id="sign-in"

При вводе неверного логина/пароля на доноре появлятся элемент class="error pop-bottom tk-subbody-headline", в нашем же случае давайте обусловимся, что для проверки этого элемента будет использовать логин 000000 и пароль 000000. Используя любые другие комбинации сменять экран на следующий.
При вводе неверного 6-ти значного кода на доноре появлятся элемент class="error pop-top", для его вызова на сверстанной странице все поля заполняем нолями (0 0 0 0 0 0). При его появлении инпуты чистятся, а если ткнуть куда-то на странице, то они подсвечиваются красным (как тут https://ibb.co/RNcMsCR)

Все остальные ссылки/кнопки заткнуть как javascript:void(0)

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

Итогом работы будет статичная html страница с несколькими экранами(блоками), от перестановки местами которых не сломается верстка; в исходнике не должно быть ничего схожего с сайтом-донором, а при открытии страницы консоль должна быть чистая (без ошибок и тд).

Логин пароль для тестовых проходов предоставлю по запросу