4-about:
При изменении объема текста в первом блоке все нижестоящие блоки должны сместиться на соответствующее значение. При этом фото справа должно подстраиваться под высоту блока и должно быть фиксированным по левой стороне. Галерея расположенная в этом же блоке работает по принципу http://owlcarousel2.github.io/OwlCarousel2/demos/autowidth.html . Карусель переключается стрелками и свайпом.
- Фото кликабельны, по клику фото будет открываться в увеличенном виде с элементами навигации (FancyBox).
- Фон в блоке с историей двигается аналогично блоку «компания» на 1-index.
- Высота блока зависит от объема текста в нем, но не может быть меньше чем на макете.
Контейнер с заголовком и текстом центруется по вертикали. Отступы от края блока до контейнера не должны быть меньше 90пкс.
В следующем блоке высота также зависит от текста, но не может быть меньше чем на макете. Принципы центровки и отступы аналогичны блоку истории. А при увеличении высоты адаптация изображения должна выполняться по правилам описанным в общих требованиях.
Далее следует текстовый блок на всю ширину области контента. Его высота завит от наполнения.
Блок с планами на будущее работает идентично первому блоку на странице.
- В блоке «семья» слайдер с отзывами имеет фиксированную высоту.
- Перелистывается стрелками.
- При смене слайда меняется фото и текст.
Текст имеет фиксированное положение относительно верхней грани, а стрелки – нижней. Фото листется с эффектом slideInLeft/right, а текст с FadeOut/fadeInUp. Текс будет ограничен по кол-ву символов.
Блок с новостями аналогичен блоку «акции и новости» на 1-index.
Партнеры – карусель по принципу http://owlcarousel2.github.io/OwlCarousel2/demos/autowidth.html При ховере лого становятся цветными, а при клике происходит переход на сайт партнера.