Вёрстка мобильной версии (на LESS)
- Есть сайт, в частности раздел каталога http://moiochki.ru/catalog/glasses/index.php
- Открываем исходный код, копируем весь HTML
- Удаляем CSS стили desktop сайта
- Пишем свои LESS и jQuery, чтобы получилось как на макетах
- Менять HTML нельзя, кроме как с помощью jQuery (убирать/добавлять блоки).
- Всё лишнее скрываем пока простым display:none
- Полное соответствие макету, все блоки — резиновые (в %), чтобы сайт приятно растягивался от 320 до 768px.
- Слайдер нужно анимировать любым плагином. Свайпы должны работать.
- При нажатии на меню открываем блок с каталогом (см. макет). Что при клике на поиск, аккаунт и корзина — делать не нужно.
- Стили писать на LESS в файле style.less
- Скрипты в файле functions.js
В результате должна получится мобильная версия этой страницы: .html файл + functions.js + style.less. Оценивать будем по параметрам:
- 99% cоответствие макету
- Приятный less-код
- Адекватный js-код
- Корректная работа на мобильном устройстве iPhone, iOS9, Safari + Android 4.
В предложении просьба указать:
- Ссылку на пример вашего less кода
- Разница в часах с Москвой
- Оценка в часах
- Оценка в деньгах
- Условия оплаты
- Дата готовности