Вёрстка четырёх страниц (3 десктоп + 1 мобильная)

Всем привет.
Есть сайт, по сути, фотогалерея. Для него были отрисованы новые шаблоны в psd.
В шаблонах всё красиво, разложено по слоям и сетке, подписано по смыслу.

Требуется сверстать для bootstrap4 три страницы: 
1. Главная (1.1 десктоп + 1.2 мобильный);
2. Общая галерея (только десктоп, шапка как на главной, остальное простое).
3. Страница с фотографией (только десктоп, шапка как на главной, остальное простое).
На выходе должен быть html+css+js/jquery в отдельных файлах.

Основные моменты:
- кроссбраузерность само собой, но шаблоны не сильно сложные;
- валидная вёрстка: кнопки есть кнопки, ссылки есть ссылки;
- структурировано, с отступами, краткими комментариями, без строчек по тысяче символов;
- придерживаемся логики блоков и слоёв PSD. Если там текст, а за ним подложка, значит, отдельно текст, отдельно подложка.

Пример страницы (2 – общая галерея, 1.2 – главная мобильная 1.2) во вложении. 
Макеты вышлю тому, кто будет готов взяться. Но перед этим пришлите, пожалуйста, пример чего-нибудь ранее свёрстанного.