Верстка лендинга

ТЕХНИЧЕСКОЕ ЗАДАНИЕ:

Макеты

десктоп - https://yadi.sk/i/8eTr3bm2pvlINA

мобильная - https://yadi.sk/i/D0E6_ryj8EZXQA

планшетная - https://yadi.sk/i/oxbJq2QUBL7qPA

Нужно сверстать сайт по макетам (ссылка на макеты)

Адаптивная верстка на bootstrap4 (сетка не стандарт, нужно будет

внести изменения в variables)

Стили на sass, разбиваются на модули. Каждый экран - отдельный

модуль. Требуются навыки работы с git - код в репозитории на

битбакете. Все изменения должны строго быть в репозитории.

Однако сам сайт на вебхостинге, с репозиторием связь

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

Сборка проекта через webpack.

В шаблонах lodash, максимально избегаем дублирование кода.

Заметим повторы - будете переделывать.

Все используемые изображения нужно сжать без потери качества

на ~75%

Подключение стороннего кода (Яндекс.метрика, аналитика и тд)

через gtm.

Добавить микроразметку: Organization, Person, LocalBusiness,

Offer (что-то из этого списка добавить будет нельзя, смотрите по

факту)

Так же нужно прописать OpenGraph, прописать базовые мета-

теги: title, desciption, keyword.

Добавить цвет браузера для vivaldi (желтый, из макета).

При уходе с сайта нужно показать модальное окно (см.макет).

Показываем его только 1 раз, до закрытия сайта. Так же нужно

учесть, что отображение этого окна возможно только при

движении мыши снизу в верх.

Каждая кнопка на сайте должна мерцать и привлекать внимание.

Есть готовый плагин на jquery. Предоставим по запросу.

Требуется понимание с какого элемента на сайте была оставлена

заявка. Поэтому нужно продумать и написать алгоритм

срабатывания целей в яндексе(и в аналитике. Проблема

заключается в том, что разные кнопки могут открывать одну и ту

же форму для оставления заявки. Нам нужно знать именно какую

кнопку нажал посетитель.

Каждая оставленная заявка отправляется в телеграмм и на почту.

Доступ к боту телеграмм выдадим по запросу. Письмо на почту

отправляется через smtp (за mail() будете переделывать). Так же

письмо будет отправляться и самому пользователю, который

оставил заявку. Требуется возможность прикладывать к письму

файлы (вложения). И будьте готовы сверстать красивое письмо.

В формах, где нужно вводить номер телефона, нужна удобная

маска. А пустые инпуты будем подсвечивать красным, запрещая

отправку формы с пустыми данными.

Бекенд рекомендуется делать на php Допустимо использование

jquery, если есть желание и навыки, то можете встроить vue или

react