Сверстать адаптивные блоки по макетам во вложении.

Сверстать адаптивные блоки по макетам во вложении.

Сайт на битриксе, решение аспро приорити:

tm-host.space

Требуется разместить прелоадер при загрузке страниц. Белый фон – посередине будет анимация (позже скину, пока можно рандомную анимацию поставить)

Главная страница:
Десктоп:https://yadi.sk/i/igXon7HvX_wBCQ
Моб:https://yadi.sk/i/j91gKaULysZz8A

Шапка:
- Сделать по высоте меньше на 20%;
- Шапку сделать красной;
- Сделать лого побольше (как на макете);
- При наведении на пункт меню - шрифт в нем меняется на черный и появляется под ним черная линия (как в макете);
- Переключатель языков сделать меньше (как на макете). + сделать его анимированным при наведении курсора кружок немного увеличивается. Так же ползунок сделать функционирующим (возможность переключения и вшивание ссылки перехода;
- Убрать раздел /landings/ и вынести страницы топлив из раздела:
landings/b-91-115/
/landings/aviatsionnyy-benzin-avgas-100ll/
На выходе получаем:
http://tm-host.space/ b-91-115/
http://tm-host.space/aviatsionnyy-benzin-avgas-...
- Сделать всплывающее меню при наведении на пункт «Продукция», где будет 2 вида топлива. Кликабельны, с переходом на соответствующую страницу. Макет во вложении.


Топливо:
- Добавить заголовок "Продукция" слева;
- Изменить размеры элементов максимально схожие как на макете;
- Блок с одним видом топлива должен вмещаться в экран;
- По клику на "Все двигатели" отображение модального окна (текст скину который туда вставим).

Производство:
- Слева размещаем текстовый блок, ниже добавляем 3 картинки по клику которые увеличиваются;
- Справа размещаем инфографику. Скину ссылку в гиф формате.

Паспорта качества:
- Тексовый блок и слайдер по типу того что на макете;
- При клике на документ увеличивается картинка.
Калькулятор:
-текстовый блок с фоновой картинкой;
справа:
Ползунок переключения вида топлива;
Поля для ввода;
Вывод стоимость.
- Задача внедрить базу городов (с которыми сотрудничают) Чтобы при начале ввода названия города всплывала подсказка
Ниже открытая форма для оставления заявки

Фикс плашка соц сетей:
1. Задача добавить боковую фикс плашку с кликабельными соц сетями как на сайте -https://geliografic.ru/
ibb.co/nsYWNbV
Появление ее должно быть начиная со второго экрана. Разместить на всех страницах

По англ версии:

Десктоп:https://yadi.sk/i/mV18tHSBCOnxXQ
Моб: Позже будет готова

Шапка, Manufacturing process, Quality cer...:
1. Переносим с рус версии сайта.

Остальные блоки верстаем по макету.

Наши партнеры:
- Побольше сделать лого (как на макете примерно)

Моб Главная:

Шапка:
- по бургеру открывается тоже что и в аспро;
- лого кликабельный с переходом на главную страницу;
- справа иконка калькулятора, по клику которой опускаемся на странице до блока Калькулятор.

Так же важно если мы находимся на другой странице, нужно сделать переход на главную и опять же скрол до соответствующего блока.

Дальше по макету

Страницы топлив:
- Так же поехала верстка на страницах топлив, посмотрите из за чего могло так произойти.

Англ. Версия сайта:
Главная часть блоков повторяются, их продублировать с рус версии сайта.
Внутренние страницы не отличаются на Рус и Англ версии.

Так же требуется доработка внутренних страниц по макетам