Верстка print-holst

Нужна верстка макетов.

1.Главная
1.1.Меню. Пункт "Каталоги"- список выпадающих пунктов по клику:
- Картины на холстах;
- Картины на ПВХ;
- Картины на стекле;
- Картины на акриле;
- Схемы для вышивки;
1.2.При скроле основное меню пропадает и появляется фиксированное;
1.3.Слайдер. Вся область внизу слайдера с текстом, кнопкой и фоном должна быть ссылкой.
1.4.Слайдер должен листаться на моб.устройствах с помощью "flick";
1.5.Сверстать pop-up окна: "Callback, Cart";
2.1.Страница категории 3 колонки;
2.1.1.В сайдбаре блок "Upload" сделать в двух состояниях. В пассивном и в разложенном (после загрузки файла);
2.1.2.После клика на окно с youtube должно всплывать модальное окно с видео youtube по ширине экрана с возможностью закрыть окно;
2.1.3.При клике на картинку превью товара должна всплывать lightbox галерея в которой можно листать все изображения данной категории по очереди;
2.1.4. При клике на кнопку "Подробнее" осуществляется переход на страничку товара;
2.2.Страница категории 2 колонки;
2.2.1.Тут функционал в большей степени такой же как и на странице категории с тремя колонками, кроме масок на превью товара. На превью товара должны сверху накладываться маски подогнанные по ширине и высоте картинки;
3.1.Результаты поиска "Найдено".В соответствии с psd макетом;
3.2.Результаты поиска "Не найдено".В соответствии с psd макетом;
4.Страница товара
4.1.Картина
4.1.1.Принцип формирования кропа (выделенной пунктиром области) такой же как и здесь https://oboi-printcolor.com/freski/sad-i-park/terrasa-zamok-v-gorah.html
4.1.2.Блок для редактирования изображения. При нажатии "Отзеркалить" изображение должно отзеркалиться. При повторном нажатии должно вернутся в исходное. Точно так же с "Черно-белое" и "Сепия";
4.1.3.При нажатии кнопки "Заказать" должно перебрасывать в низ страницы к форме заполнения;
4.1.4.Таб "Отзывы" список отзывов с формой  регистрации и отправкой отзыва;
4.2.Картина модульная. Два вида модульных масок:
4.2.1.Вертикальные. В desktop ограничить основное окно с картинкой в верстке по высоте, макс. выс.600px, а ширина должна быть пропорциональна. Изображение центрируется по блоку, как в макете. Они должны накладываться и подгоняться на картинку товара по ширине и высоте, а так же в миниатюрных превью в карусели под картинкой товара.;
4.2.1.1.В psd макете сделано 9 масок. Нужно их сверстать в процентном соотношении как psd макетах.
4.2.2.Горизонтальные. В desktop изображение расстягивается по ширине 656px, а высота получается в пропорциях (Скрипт должен определять вид изображения - backend);
4.2.2.1.В psd макете сделано 9 масок. Нужно их сверстать в процентном соотношении как в psd макетах.Они должны накладываться и подгоняться на картинку товара по ширине и высоте, а так же в миниатюрных превью в карусели под картинкой товара. Пример, первая маска с двумя вертикальными разделительными полосами и двумя короткими горизонтальными. Расстояние до полосы слево на право 31%, затем сама разделительная полоса 3% (по высоте 100%), затем до следующей полосы еще 32%, затем сама разделительная полоса 3% (по высоте 100%) и за ней до края изображения еще 31%. Итого 100% по горизонтали. По вертикали слево на право сверху вниз: вверху слева горизонтальная темная полоса, высота 15%, ширина 31%, затем внизу справа горизонтальная темная полоса,высота 15%, ширина 31%.По такому принципу (в процентном соотношении, только у каждой маски свое соотношение) нужно построить все маски (18 шт.) Это нужно для расчетов итоговой площади картины и размеров для каждого модуля;
4.3.Вышивка;
4.4.Багет;
5.Корзина;
6.Избранное;
7.Наши работы. При клике на превью изображения должно всплывать pop-up окно с галереей, где можно пролистать все изображения наших работ;
8.Печать фото;
9.Дизайнерский сервис;
10.Вид диз.сервиса;
11.Доставка и оплата;
12.Блог;
13.Статья блога;
14.Контакты;
15.Партнерам;
16.Верстка всех страниц должна быть в соответствии с psd макетами
17.Требования к верстке: валидная, кроссбраузерная, адаптивная (от 320 до 1920).