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

Необходимо сверстать лендинг из PSD.
Макет в приложении.

Верстка должна соответствовать требованиям:

0) верстка должна быть адаптивной, вплоть до 320px, на любой ширина экрана весь контент должен читаться хорошо, не плыть, не обрезаться;
1) все телефоны кликабельные (a href="tel:");
2) все почты кликабельные (a href="mailto:");
3) все инпуты проверяются на заполненность, если не указано иное. если посетитель пытается отправить форму с незаполненным инпутом, то инпут подсвечивается красным бордером (если в дизайне не отрисован иной способ);
4) при отправке заявки показывать попап с текстом "Отправляем заявку..." –  пример в js;
5) размер любого изображения не может быть больше 250кб, 250кб это крайний случай;
6) для изображений больше 200кб использовать lazy load, который стартует загрузку изображения сразу после загрузки dom;
7) google page speed в зеленой зоне мобайл и десктоп;
8) в html файлах не должно быть js кода
9) карта – яндекс конструктор или яндекс апи, на любом разрешении карту можно тапать, таскать, зумить

более подробное тз при общении по проекту