Верстка 3-х одинаковых лендингов

Цена договорная
09 апреля 2020, 23:56 • 20 откликов • 209 просмотров
Приветствую!
Нам нужно сверстать 3 одинаковых резиновых адаптивных сайта одностраничника PC+ Mobile (различаются только картинки и текст) по PSD макетам 1920, 1024, 480 и 320 от дизайнера. Макет 1920 есть только для одного сайта, остальные сделать подобными, сменив картинки и текст.
А) Основные требования:
1. Плавное адаптивное изменение размеров сайта при изменении размера окна браузера
2. переключатель языка (предустановленный в зависимости от ip или языка браузера: можно реализовать на бесплатной базе MaxMind или другой вариант.),
3. анимация счетчика чисел при прокрутке страницы (код есть - http://www.site-ontop.ru/novosti-stati/jquery/119-animatsiya-schetchika-chisel-pri-prokrutke-stranitsy.html),
4. анимация пунктирных линий (построение от начала до конца) и появление + и блоков при скролле,
5. цветовые круги вокруг кнопок должны медленно «пульсировать» (анимация),
6. кнопка наверх переводящая на 1 экран,
7. гладкое прокручивание страницы к Форме,
8. форма приема контактных данных (ФИО, e-mail, телефон, запрос) с проверкой на обязательные поля и шаблоном ввода (например, для телефона), чекбокс и Invisible Captcha,
9. после правильного заполнения формы кнопка «Отправить» должна стать активной,
10. использование Owlcarousel для примеров работ, отзывов (с задержкой перехода в 4 сек) и партнеров (с задержкой перехода в 7 сек) (указать как добавлять новые),
11. использовать микроразметку Open Graph и Schema.org,
12. всплывающее окно с принятием Cookies, появляющееся при скролле до второго экрана, прикрепленное к нижней границе браузера при прокрутке,
13. стилизованная Google-карта (код стиля есть и будет предоставлен),
14. прикрученные Яндекс.Метрика и Google Analytics,
15. секции, контейнеры по ходу написания кода называть в соответствии с темой секции. Комментарии к ним в коде писать на русском языке.
16. прохождение всех трех лендингов всех 5 пунктов Google Lighthouse не менее 90 баллов,
17. Валидный код: В коде должны быть использованы названия id и class в соответствии с темой блока или элемента, должны быть отражены комментарии для блоков каруселей, карты, анимации.

Б) Этапы работы:
1. Исполнитель верстает макет лендинга CquareD для PC и Mobile,
2. Заказчик проверяет работу,
3. Исполнитель верстает остальные макеты,
4. Заказчик проверяет все и оплачивает половину работы,
5. Исполнитель передает код и помогает залить сайты на хостинг Заказчика, настраивает работу Recaptcha, Яндекс.Метрика, Google Analytics и других элементов лендинга,
6. Заказчик оплачивает оставшуюся часть работы.

Пожалуйста, пишите свои предложения только с точным указанием стоимости и согласием с этапами работ. Предоплата не рассматривается.
Все иконки и фоны уже выделены из макетов и разнесены по нужным папкам, чтобы сократить работу на верстку.
Файлы