Верстка лендинга HTML/CSS/JS

Требуется сверстать лендинг. Макет в PSD с сеткой bootstrap, сложного ничего, есть пару всплывающих окон. Верстку делаем с помощью html+css+js, самое сложное – это требуется сделать отправку форм на телеграм бот, т.е. имя и телефон, можно юзать любой плагин. Так же будет анимационный прелоадер, она есть в JSON файле, экспортированный из афтер эффекта, вам только нужно будет встроить его. Верстка сайта не должна отличаться от макетов при масштабировании сайта или смене разрешения. Адаптивная версия сайта будет к концу недели, но сильной разницы не будет. Код должен быть понятным и хорошо структурированным. Все возможные элементы типа кнопок должны быть кодом, все иконки в svg. Есть полный Ui-Kit и прорисованы все всплывающие окна. Будет детальная проверка верстки на ошибки, кроссбраузерность, скорость загрузки.

Относительно блоков:

Первый экран(хедер):

• Меню – нормал и хавер есть в юи-ките, плавная анимация вылета из левой стороны
• Лого svg, икноки тоже, текст неактивный кроме номера и звонка, они есть в юи-ките с заметками
• «Листай дальше» и конка – исчезает при начале скролла
• Кнопки – при хавере просто добавляем немного внешнего свечения, при клике делаем ее процентов на 15 меньше, пример в юи-ките. В этом случае ссыляется на форму 1
• Кнопка видео – ссыляется на видео всплывающим окном, без рамок, с крестом который в юи-ките по логике форм, бг цветом: 255 245 230 с непрозрачностью в 80%, далее это используем для всех всплывающих окон.
• Кнопки «Соц. Сети» при хавере делаем процентов 60х60 пикселей пример в юи-ките

Второй экран(Почему мы?)

• Все делаем +- как отрисовано, кнопка на форму 1

Третий экран(бесплатной посещение)

• При отправке формы всплывает окно с подтверждением
• Кружки делаем так же по расположению, текст делаем произвольный

Четвертый экран(результаты)

• При движении бегунка смена картинки до и после за ним

Пятый экран(Цены)

• Смена позиций при выборе разных зон, без изменения высоты блока, при уменьшении позиций, там будет 7-5-6…
• При наведении курсора на «дополнительные услуги» всплывает окно, нормал состоянии иконки – серое, есть в слоях того же блока
• Кнопка «Получи подарок» ведет на еще не готовый поп-ап

Шестой экран(Акции)

• Слайдер двигается при нажатии кнопок или при задержании и перемещении курсора
• Окна и хавер есть в монтажной области «информационное окно»

Седьмой экран(Отзывы)

• Смена айфона с скрином вместе с скроллом с плавной анимацией
• Облако можно подредачить если будет мешать кнопкам

Чаво и консультацию делаем по анологии.

Карту – обычную гугл, с кастомной меткой.