Репино Парк

Репино Парк
Проектная команда:
Kampika
Площадь:
0.2 га
Локация:
КП «Репино Парк»
Год:
2021
Описание проекта
Репино Парк не просто сад, а продуманная экосистема в современном лаконичном стиле. Пространство чётко разделено на функциональные сегменты, их объединяет единая геометрия мощения и ритм посадок. Вместо пестроты - структура, вместо хаоса -ясность. В парадной зоне акцент на деталях: изящный бонсай из можжевельника задаёт тон всей композиции. Рядом въездная группа с навесом, где лаконичность формы встречается с практичностью.
20 соток
Настоящая находка погреб с газонной кровлей. Вместо скучного холма зелёный остров, плавно переходящий в многоуровневый огород. Это не только дань современной эстетике, но и умное использование каждого метра. Чуть поодаль плодовый сад, обещающий «вкусные» акценты в разные сезоны. Центр притяжения сада лаунж пространство у открытого очага, объединённое с барбекю-зоной. Которая спроектирована нами в едином стиле с домом.
Растения, высажены блоками разной ярусности и с разными периодами цветения. Весной нежные акценты, летом сочные краски, осенью текстурные контрасты. Игра форм и оттенков длится круглый год.
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Портфолио Kampika
Мы сопровождаем проект на всех этапах — от идеи до реализации