Верстка десктопа, адаптива; новой мобильной версии

Пишем в начале "Готов".  

Здравствуйте, уважаемые исполнители!  

Есть задание для верстальщика по доработке сайта. Ссылку сайта сбросим заинтересованным.  

ДЕСКТОПНАЯ ВЕРСИЯ 

Главная 

1) Верстка блока преимуществ (пример: prnt.sc/jl3ciw) 

2) Верстка блока с галереей: 

а) Обычная галерея с превью фотографий prntscr.com/jlk5lg, которые можно открыть в pop up prntscr.com/jlnbq4 (пример: bestneon.com.ua/)  

б) блок с галереей, разбитой на категории prntscr.com/jlk6yx (stolitsa2000.com.ua/). При наведении на фото – всплывашка с названием компании клиента и продукцией prntscr.com/jlk76m.  

3) Сверстать блок с google map и контактами, например как в prntscr.com/jlnfmw (mediapost.ua/). Добавить контакты: адрес, время работы, номер телефона, email отдела продаж prntscr.com/jll7nm. 

Футер 

Сверстать. Нужно разместить контакты: адрес, время работы, номер телефона, email отдела продаж, вывести иконки соцсетей и оставить ссылки, которые в футере есть сейчас. 

Блок Отзывы 

Верстка Отзывы, ttp://prntscr.com/jlk97q и кнопки Все отзывы по нажатию на которую будет переход на страницу Отзывы 

Страница Отзывы 

Сверстать дизайн страницы, должно быть примерно как тут prntscr.com/jlnmga (tyslenko.com/index.php/20... 

Сделать pop up для отзывов (тот же, что для галереи работ) 

Страницы Услуги 

Услуги сейчас: prntscr.com/jlkqhr. Должны быть блоки как тут upturn.online/services/, каждая услуга – это иконка, название и краткое описание.  

Страница Комплексные решения 

Страница по шаблону Услуги, плюс еще должны быть ссылки на рекомендации prntscr.com/jlnvnq.  

МОБИЛЬНАЯ ВЕРСИЯ 

Верстка абсолютно нового дизайна для мобильных устройств шириной 320, 480, 640, 768.  

1) По структуре страниц ориентируемся на текущий. 

2) Главное меню prntscr.com/jlnyb5 нужно скрыть, оно будет отображаться при нажатии на иконку гамбургера. Пример: prntscr.com/jlkeub . 

3) Галерея под мобильные устройства с возможностью перелистывать фото и со стрелочками prntscr.com/jlmkxp prntscr.com/jlotk1.  

4) Футер. Нужно разместить контакты: адрес, время работы, номер телефона, email отдела продаж, вывести иконки соцсетей и оставить ссылки, которые в футере есть сейчас. 

5) Страница официальных отзывов под мобильные устройства (с возможностью перелистывания и со стрелочками) prntscr.com/jlmkxpprntscr.com/jlotk1. 

Главная 

Продукция (список) 

Продукция (детальная) 

Услуги (список) 

Услуги (детальная) 

Контакты 

О компании 

Клиенты (список) 

Клиенты (детальная) 

Статьи (список) 

Статьи (детальная) 

Примеры наших работ 

Отзывы и благодарности 

Комплексные решения (список) 

Комплексные решения (детальная) 

Верстка адаптации существующего дизайна сайта для мобильных устройств шириной 320, 480, 640, 768 

1) При открытии сайта на мобильном устройстве блоки должны переместиться друг под друга, их размер должен изменяться ( пример: http://origi.com.ua/). 

2) Сверстать блоки на главной: блок преимуществ prntscr.com/jlm2xj , блоки Услуги (каждая услуга должна сместиться одна под другой), Статьи (под услугами) , блок с гугл-картой, блок Отзывы prntscr.com/jlk97q.  

3) Сверстать адаптацию дизайна страниц: 

Главная 

Подробная страница продукции 

Услуги 

Контакты 

О компании 

Клиенты (список) 

Клиенты (детальная) 

Статьи 

Примеры наших работ 

Отзывы и благодарности 

Подробная страница комплексного решения