Вёрстка LP для акций

Необходимо выполнить вёрстку страницы для проведения акций. Содержание страницы будет меняться от акции к акции, помимо текста будут меняться некоторые графические элементы (прежде всего коробки программ). Вёрстку необходимо выполнить с учётом этого обстоятельства. Макет во вложении.

Важные пожелания:

1. Меню должно всплывать при скроллинге.

2. На первом экране есть графическая композиция с коробкой программы. Коробка будет часто меняться на другую. Заменять коробку мы будем в фотошопе. Нужно, чтобы мы могли легко заменить весь блок с фоновой графикой без ущерба для внешнего вида страницы.

3. В блоке со скриншотами - при переключении на каждый следующий скриншот должен «становиться активным» соответствующий ему блок с текстом: https://i.imgur.com/ZRM79Ao.png

4. Изображение клавиатуры будем иногда менять https://i.imgur.com/AaRy1IN.png(сохраняя размеры, просто меняя надписи на кнопках). Нужно обеспечить лёгкость замены.

5. Видео должно открываться в лайтбоксе https://i.imgur.com/IwM8Gaz.png

6. О блоке «дополнительного бонусного продукта»: https://i.imgur.com/pMrs1xr.png

В данный момент там не наша коробка, просто в качестве примера от дизайнера. У нас в разных акциях на этом месте будет либо другая коробка такого же размера, либо графическая композиция из скриншотов, которая займёт несколько больше места слева. Поэтому нужно задать фиксированный правый отступ (то есть отступ от маркированного списка), оставляя нам

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