Верстка одностраничника
Необходимо сверстать макет (во вложении все картинки кроме страницы "спасибо" - будет предоставлена 08.02.2015 - простейшая)
Требования:
- ie 9+ , все последние браузеры (chrome, ff, opera, safari) + нужно что бы ничего не ехало на айфонах/айпадах (проверять здесь — browserstack.com)
- Чистая, читаемая, семантическая верстка
- PixelPerfect (+/- пара точек допустимо, но не больше)
- Все блоки, высоту которых ничего в дизайне не мешает сделать динамической, должны иметь именно динамическую (т. е. зависимую от содержания) высоту + чтобы ничего не могло потенциально поломать дизайн, нужно задавать и минимальную высоту
- Если макет не проходит 100%-ную html-валидацию, постарайтесь по крайней мере делать так, чтобы использование невалидного кода было оправданно
- Использование спрайтов (картинки использующиеся как спрайты должны лежать в отдельной директории - см. дальше)
- Для JS использовать jQuery
- Для всплывающих форм/элементов функционала/изображений использовать colorbox
- Точное соблюдение сроков, штрафы при просрочке (10$ день)
- крайний срок 16:00 11.02.2015
- Оплата по факту исполнения
Замечания по реализации:
- никакого бэкэнда для обработки форм не нужно
- для инпутов подготовить класс 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 (каталог для контента - слайдеры, изображения продуктов, фото сотрудников и подобное)
- images (каталог с контентом - изображения)
- slider1 (название группы изображений)
- sliderX
- products
================================