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

Георгий10 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
22.11.2018

Здравствуйте!

Необходимо сверстать макет лендинга из 7-ми стандартных блоков с адаптацией.

Общие требования

- Perfect pixel (буду сравнивать размеры 360 и 1920 расширением для хрома)

- Устойчивость к изменению масштаба страницы

- Интернет експлорер - от 11 + Edge

- Использование препроцессора CSS (любого, какой нравится). Все цвета, шрифты, прозрачности вынести в переменные

- Анимации - CSS3, в крайнем случае jQuery с CDN

- Все выпадания блоков (анимации) должны быть плавными

- Все формы обернуть в теги

- Одинаковые кнопки/заголовки должны иметь одинаковый класс

- Валидность html и CSS по W3C (валидатор: https://validator.w3.org/)

- Изображения SVG и растр положить на спрайты. Для SVG собираем в один файл с symbol id -> подключаем в html файл -> используем в html через svg use.

- Используем img srcset для ретин: x1, x1.5, x2, x3, x4. изображения сжимаем через https://tinypng.com/

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

- Текст перед сдачей проверяем spellchek'ером (https://respelt.com/)

- Прописываем og & twitter card (код дам)

- Имейлы  (в шапке и футере) через ссылки mailto:

- Кодировка: UTF-8

- Итоговый лендинг должен попадать в зеленую полосу в google page speed

- Размер всех кликабельных элементов не должен быть меньше 44*44. Имеется в виду, что визуально элемент остается как в макете, но паддингами его границы подгоняются до нужных минимальных размеров

Адаптивность

- Мобильная версия: 320-640 (до 320 можно сжать вьюпортом)

- Десктопная версия: 1024-1920 (адаптировать макет под меньшие размеры)

Понравившимся кандидатам отправлю макеты и более подробное ТЗ с описанием блоков. Помимо лендинга будет еще дополнительная задача по верстке, которую мы обговорим и оценим отдельно. 

В Вашей заявке укажите:

1. Какой CSS препроцессор вы используете

2. Используете ли Вы Git для своих проектов

3. Ориентировочная стоимость верстки лендинга