Ознакомление с материалами

1. Зарегистрируйтесь на сайте https://next.exchangesumo.com/ в выпадающем меню при клике на ник выберите Кэшбек https://next.exchangesumo.com/cashback/. Ознакомьтесь со старой формой на получение кэшбека.
2. Ознакомьтесь со старой версией страницы https://next.exchangesumo.com/chto-takoe-keshbjek/ Эта страница тянется с Wordpress со старым набором стилей, он использоваться не будет - для отрисовки блоков вне #content используются стили из главной https://next.exchangesumo.com/ (см. базовый код)
3. Ознакомьтесь с новым макетом страницы о кэшбеке и комментариями в нем https://www.figma.com/file/ADeB85RoqIh3x0CKIliqd7/кешбэк-(Copy)?type=design&node-id=58-4&mode=design
4. Базовый код https://github.com/vikweb/expoint_me_dan/tree/master/partnership-rule
5. Задайте вопросы, если возникнут в процессе ознакомления.
6. Дайте предварительную оценку:
   • сколько часов займет реализация проекта без попапа “Получить кешбек”;
   • срок готовности - на какую дату;
   • почасовая ставка за выполнение задачи.
7. После подтверждения с нашей стороны приступайте к работе.

<aside> 🚨 Если к середине указанного вами срока вы видите, что его необходимо скорректировать - сообщите нам об этом.

</aside>

Этап 1. Верстка страницы “Что такое кэшбек”

Нужно сверстать новую страницу моб/десктоп на основании макета, принимая во внимание комментарии к блокам и рекомендации ниже:

• Вы работаете с блоком #content. Стили для блоков aside, header, footer переписывать не нужно, используйте имеющиеся со страницы https://next.exchangesumo.com/
• Основная версия - мобильная. Под неё формируете правила по умолчанию. При адаптации верстки для десктопов используйте media-правила, а не наоборот. Все media-правила должны быть выделены в отдельный файл для десктопа. Страница должна корректно отображаться в диапазоне от 320w (iPhone 5) до 430 (iphone 14 pro max).
• JS и SCSS для блока и для попапов ****должны быть реализованы отдельными файлами. Например, у вас будет примерно такой перечень файлов стилей и аналогично - js:
  • Свернуть/разернуть
• не добавлять веб-шрифты (только системные, семьи см. в текущей верстке главной);
• можно использовать Bootstrap, а также jQuery (код без зависимости от плагинов будет плюсом). Добавление новых компонентов jQuery/Boostrap - предварительно согласовать с @vikweb, если видите острую необходимость;
• не использовать прочие сторонние плагины;
• корректная семантика с использованием h1-h2, section, nav по необходимости;
• обратите внимание, что картинки к инструкции в моб версии немного отличаются из-за разного внешнего вида таблиц.