дизайн и верстка лендинга про ландшафтный дизайн bootstrap3

лендинг должен быть в формате html, адаптивный, на bootstrap 3, но без привязки к какой-либо cms.

в файле site.jpg показано мое видение структуры лендинга.

на фоне фото про ландшафтный дизайн в верхней части экрана расположено меню, каждый элемент которого находится в круге, который полупрозрачный и при наведении мыши с ним что-то происходит.

при нажатии на один из пунктов меню происходит перемещение по лендингу.

галерея должна содержать небольшие фото (2 шт в 1 ряду). при наведении мыши с фото тоже должно что-то происходить (меняется прозрачность фона, появляется какой либо символ), а при нажатии на фото должно появляться всплывающее окно в котором это же фото предстает в крупном масштабе.

раздел лендинга контакты должен содержать и карту с обозначением нашего офиса.

в отличие от файла site.jpg нужен еще один раздел "товары". пункт "товары" должен быть и в меню. в лендинге это будет такой же раздел как и галерея, но фото товаров будут по 4 в ряду. никакой привязки к БД не требуется. никаких цен и пр. дополнительной информации не нужно. небольшое фото и название товара. фото и названия будут предоставлены заказчиком.

у лендинга должна присутствовать "бутсраповская" анимация. не менее 5 анимированных элементов дизайна. например. один из элементов – меню. каждый его пункт меняется при наведении мыши (вращается контур, меняется цвет фона, "дергается" текст и пр.). второй элемент – галерея. допустим фото в галерее при прокрутке экрана выплывают с разных сторон и выстраиваются в таблицу. при наведении курсора на фото меняется фон, прозрачность, появляется надпись и пр.

разумеется все вышеописанное никоим образом не является руководством к действию. Вы, как и все творческие люди, можете предложить ваше видение лендинга. вот только бюджет мероприятия может быть изменен не более чем на 15%.