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

Цена договорная • безналичный расчёт, электронные деньги
23 ноября 2018, 22:19 • 17 откликов • 146 просмотров
Здравствуйте!

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

Общие требования
- Perfect pixel (буду сравнивать размеры 360 и 1920 расширением для хрома)
- Устойчивость к изменению масштаба страницы
- Интернет експлорер - от 11 + Edge
- Использование препроцессора CSS (любого, какой нравится). Все цвета, шрифты, прозрачности вынести в переменные
- Анимации - CSS3, в крайнем случае jQuery с CDN
- Все выпадания блоков (анимации) должны быть плавными
- Все формы обернуть в теги <form>
- Одинаковые кнопки/заголовки должны иметь одинаковый класс
- Валидность 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. Ориентировочная стоимость верстки лендинга