Создать веб-страницу SPA

Создать веб-страницу SPA

Условия:

a. Страница должна быть адаптивной и поддерживать большинство популярных устройств.

b. Страница должна быть создана как SPA.

c. стандарт HTML5 и эффекты CSS3.

d. Страница должна содержать горизонтальное меню (4 раздела), которое при прокрутке вниз не исчезает, а прикрепляется к верхнему краю окна. Желательно показывать, в какой секции мы находимся.

e. Секция может должна содержать любой текст (lorem ipsum) и изображение. Каждая секция должна иметь свой фон. Просим реализовать прокрутку с использованием эффекта параллакса 3D, где, например, фон движется медленнее, чем передний план

f. После нажатия элемента меню страница прокручивается (симуляция прокрутки) до позиции, где находится выбранный раздел

g. Реализация концепции ленивой загрузки (lazy loading). Динамическая загрузка изображения и текста текущего и предыдущего и следующего раздела при прокрутке страницы вверх и вниз, т.е. не загружать сразу всю информацию целиком.

h. Текст должен создавать впечатление размытости, когда он приближается к верхнему ограничению экрана, или увеличивать четкость, когда он появляется снизу (в случае прокрутки вниз).