Верста сайта по макетам и ТЗ

 
Необходима голая верстка 12 страниц на Bootstrap.
Единая на них меню, футтер и шаги заполнения заказа можно сделать инклюдом.
8 страниц из 12 это шаги заполнения заказа. Вверху страницы есть прогресс бар в зависимости от прохождения пользователем по Шагам.
Необходимо дополнительно прикрутить отправку заявки на почту, просмотр фото лайтбоксом(fancybox) и оплату Робокассой.

Подробнее читайте в тз.

ТЗ

Общее меню для всех страниц (included), можно без подсветки раздела.
На bootstrap'е.
Ссылки страниц надо прописать транслитом (для SEO)
Код должен быть понятен и удобен для редактирования другим программистом.
Естественно, нужно следить за цветами, шрифтами и интервалами; за постоянством оных.


ПО СТРАНИЦАМ:

По функционалу.

(Шаги 1-1, 1-2, 1-3, 1-4, 2-0, 2-2, 2-4, 3) Требуется калькулятор, 
в зависимости от выбранных позиций с суммуми в перемнных (которым можно будет задать значения).
(Для всех) При переходе по ссылкам внутри сайта до окончательной загрузки следующей страницы и при появлении диалогового окна, 
вся отображаемая страница или фон визуально накрывается диагональной полупрозрачной сеткой (см. стр. Заявка на звонок).
(Для всех) Информация из заполненных форм и выбранных параметров компануется и отправляется на почту. 
(Для всех Шагов) Вверху страницы есть прогресс бар в зависимости от прохождения пользователем по Шагам.
(Главная) При нажатии кнопки "Конструктор фотокниги" и "Начать сейчас" загружается страница Шаг 1-0.
При нажатии на кнопку "Помощь специалиста" появляется диалоговое окно Заявка на звонок.
(Оплата) Прикрутить Робокассу.
(Шаг 1-1) При выборе одного из четырёх форматов тот подсвечивается, центрируясь по нему, меняется текст на соответствующий.
При выборе одного из четырёх форматов меняется картинка "книга в развернутом виде" и текст описание под ней.
(Шаг 1-2) Кнопки +, – меняют число разворотов на 1. Значение по умолчанию: 10. Также в зависимости от числа разворотов меняется изображение и значение толщины книги справа.
(Шаг 1-3) Можно выбрать тип обложки. Если выбран первый или второй внизу можно будет выбрать (подсветить) одну картинку с материалом. Картинка при простом наведении увеличивается. 
Если выбран третий тип обложки – материалы не отображаются.
(Шаг 1-4) Пользователь может выбрать тип бумаги, кликнув по изображению или по названию. Подсветить выбранное.
(Шаг 2-0) В зависимости от выбранного формата (Шаг 1-1) и типа обложки (Шаг 1-3) подгружается один из комбинации вариантов изображений готовой фотокниги.
Также на этой странице подсчет изготовления книги.
(Шаг 2-1) Простая форма или загрузчик. Ссылки на руководства в pdf.
(Шаг 2-2) Поле количества фото. Если пустое = 0.
(Шаг 2-3) Требуется календарь, расцвеченный в соответствии (на примере):
сегодняшняя дата: 4 Января 2016 года
с 5 по 18 (две недели): даты неактивные для выбора
с 20 и далее: даты, которые можно выбирать по одной
30 число: выбранная пользователем дата сдачи проекта.
(Шаг 2-4) Выбор типа дизайна с подсветкой и простая форма с произвольным заполнением.
(Шаг 3-0) Все параметры книги, изображение, окончательная сумма, форма.
При нажатии "Отправить в работу" появляется диалог "Спасибо за заказ" (пока нет) 
(Примеры) Хэш теги влияют на выдачу изображений. Галерея кликабельная, с листалкой и увеличением.

---