Верстка
Необходимо сверстать макет (во вложении основной макет + есть еще несколько всплывающих форм)
Требования:
- ie 9+ , все последние браузеры (chrome, ff, opera, safari) + нужно что бы ничего не ехало на айфонах/айпадах (проверять здесь — browserstack.com), операционки - windows & macOS
- Чистая, читаемая, семантическая верстка
- PixelPerfect (+/- пара точек допустимо, но не больше)
- Все блоки, высоту которых ничего в дизайне не мешает сделать динамической, должны иметь именно динамическую (т. е. зависимую от содержания) высоту + чтобы ничего не могло потенциально поломать дизайн, нужно задавать и минимальную высоту
- Использование спрайтов (картинки использующиеся как спрайты должны лежать в отдельной директории — см. дальше)
- Для JS использовать jQuery
- Для всплывающих форм/элементов функционала/изображений использовать colorbox
- Для слайдера — slick
- Оплата по факту исполнения
Замечания по реализации:
- никакого бэкэнда для обработки форм не нужно
- для инпутов подготовить класс error — добавляет красную рамку (1px solid red)
- все кнопки которые не на формах сделать ссылками (не button и не input type=submit)
- все кнопки на формах сделать (input type=submit)
- никакие элементы с текстом не должны быть картинками
- без копипаста в файлах стилей
Требования к иерархии и названиям каталогов с исходниками:
================================
sources (коневой каталог)
— fonts (каталог со шрифтами)
— images (каталог с изображениями)
—— sprites (каталог с картинками которые объединены в один файл (сам файл лежит в родительском каталоге))
—— siteSection1 (каталог с изображениями для какого-либо раздела — не обязательно)
—— siteSectionX
— javascripts (каталог со скриптами)
—— vendor (каталог с внешними библиотеками)
—— main.js
—— plugins.js (вспомогательные скрипты)
— styles (каталог со стилями, если используются препроцессоры — нужно обсудить)
—— colorbox.css (стили для колорбокса (копипаст родных + их модификация в соответствии с дизайном))
—— reset.css
—— main.css (основные стили)
— content (каталог для контента — слайдеры, изображения продуктов, фото сотрудников и подобное)
—— slider1 (название группы изображений)
—— X
================================
Замечания по функционалу и срокам:
- при просмотре планировок квартир "на плане этажа" не нужно реализовывать функционал выделения и подсветки (просто одна большая картинка с планом этажа)
- первый экран представляет собой слайдер
- в качестве карты используется Ynadex Maps
- верстка должна быть готова к утру 29.06.2015 с минимальными правками
- приемка верстки осуществляется в соответствии требований проекта описанных выше
- что бы избежать проблем при сдаче, исполнитель предоставляет промежуточные результаты 27.06 и 28.06
- при задержках со сдачей проекта штраф за день просрочки составляет 10$
- при завершении проекта быстрее оговоренного срока исполнителю выплачивается бонус в размере 10$ за каждый день