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 страница с несколькими экранами(блоками), от перестановки местами которых не сломается верстка; в исходнике не должно быть ничего схожего с сайтом-донором, а при открытии страницы консоль должна быть чистая (без ошибок и тд).
Логин пароль для тестовых проходов предоставлю по запросу