Сверстать/запрограммировать web страницу

Макет во вложении.

экран «сборник аудиогидов»
*  содержит видео, которое должно автоматически проигрываться при наведении курсора. На каком ресурсе размещать видео не определено, требуется ваша рекомендация
* плашка «послушайте начало прогулки по Венеции» должна мягко пропасть при начале воспроизведения
* кнопки download on the ApStore и Get it on Google play содержат ссылки на эти ресурсы

экран «прогуляйтесь по городу»
* содержит блоки городов. Нормальном состоянии отрисока как Милан или Римини. При mouse over – отрисовка как Берлин или Прага. Текст не должен быть вшит в изображение, а задаваться отдельно. Ссылка скачать – кликабельна.

* Кнопка «посмотреть все города» раздвигает экран и показывает все возможное экскурсии. Если дополнительных экскурсий нет – кнопка должна быть убрана.

экран «кому это нужно»
* текст должен задаваться текстом, а не картинкой

экран «как это работает»
* иконка «установите приложение» – ведет на appstore или google play

экран «отзывы участников»
* текст задается текстом, а не картинкой

экран «скачайте приложение»
* кнопки download on the ApStore и Get it on Google play содержат ссылки на эти ресурсы

подвал
* иконки f и B ведут на страницы с этими ресурсами
* email – ссылка emailto

//

страница должна быть статическая html+javascript 
добавление новых экскурсий на страницу должно быть очевидно и удобно в исходном коде
инструкция как это делать должна быть приложена или добавлена как комментарий
предоставляет прямой доступ к дизайнеру для решения технический вопросов. Дизайнер обещал помочь с передачей графической части.
страница должна адаптироваться под планшеты / разумным образом изменять ширину

В вашем предложении прошу указать:
* стоимость и срок выполнения 
* будете ли вы использовать какие-либо фреймворки, если да – то какие?
* одну или несколько ссылок на ваши работы