Апартаменты Ecoreel
Современное жилье в центре города
Ecoreel — новые апартаменты бизнес-класса на территории престижного района в центре города. Насладитесь комфортом!
Где находятся апартаменты: 100 W Kennedy Blvd, Tampa
Преимущества проекта
Наша цель — доставить клиентам ценность через качественный сервис
В центре города
Хорошая инфраструктура
Парк рядом с жильем
Своя подземная парковка
Дом из экологичных материалов
Собственный нагрев воды в квартире
Left
Right
Инфраструктура в двух шагах
Апартаменты находятся в живой и активной части города с большим количеством разных активностей. Отлично подойдет спортсменам, гурманам и модникам.
700 метров до парка и маркета
Все главные места города рядом: исторические улицы, музеи, театры, современные кафе.
Детская площадка на территории комплекса
450 квадратных метров зеленой территории для детей. Для тех, кто любит уединение – уютный маленький сквер и беседка.
Фитнес-центр
Рядом с домом расположен большой спортивный центр: футбольное поле и бассейн, а также фитнес-центр. 10 минут пешком.
Планировка апартаментов
Выберите один из трех типов планировки. Созданы с мыслями о вашем комфорте.
О компании-девелопере
Компания The Kook Company — лидер в строительстве с 1995 года. Доказательство — успешные проекты по всему миру и премии: «Лучший проект года» и «Лучший дизайн» на архитектурной биеннале в Марселе.
Прогресс проекта
Строительство началось 01.10.2016. Дом будет готов к заселению 23.05.2019.
Документация
В этом разделе представлена документация проекта от девелоперов из Kook Company
Изменения в проектной документации от 10.10.16
Изменения в проектной документации от 1.02.17
Заказать звонок
Заполните форму, и мы перезвоним вам в течение часа

Как сделать меню-хамелеон в Tilda

1. Создаём меню в ZeroBlock
2. Добавляем скрипт на страницу
3. В скрипте меняем ID блоков на свои
#rec50271302 ID - меню Zero

#rec50271102 Блоки, где нужно менять фон
#rec50271104 Блоки, где нужно менять фон
#rec50271105 Блоки, где нужно менять фон
#rec50271109 Блоки, где нужно менять фон
#rec50271112 Блоки, где нужно менять фон


Скрипт добавляется в блок ДРУГОЕ►Т123

<style>
/*Задаём ширину экрана в 100%*/
.floating {
 width: 100%;
}
/*Выставляем фиксированную позицию на экране и номер слоя выше остальных*/
.fixed {
 position: fixed;
 top: 0px;
 z-index: 9999;
 /*Задаём время и характер анимации для фона меню */
 transition:all 0.3s cubic-bezier(0, 0, 0.8, 1.0);
}
.fonmenuB{
    /*Задаём цвет фона для меню чёрный*/  
    background:#000000  !important;
}
.fonmenuW{
    /*Задаём цвет фона для меню белый*/  
    background:#FFFFFF;
    
}
/*Задаём высоту меню и анимацию появления*/ 
 #rec50271302 .t396__artboard{
     
     height:0px;
     
     transition:all 0.2s cubic-bezier(0, 0, 0.8, 1.0);
}
</style>

<script>
$(document).ready(function(){
    /* Задаём переменной значение ID меню с Zero */
    var blockMenuID = '#rec50271302';
    /* Задаём переменной значение ID меню с Zero и его палитры*/
    var blockPalitra = '#rec50271302 .t396__artboard';
    //Добавляем класс с шириной и фиксацией
    $(blockMenuID).addClass('floating fixed');
    //Добавляем класс с белым фоном
    $(blockPalitra).addClass('fonmenuW');
    
   //Когда начался скролл экрана
    $(window).scroll(function() { 
        var top = $(document).scrollTop();
        //Если перемещение больше 100 px
        if (top >= 100) { 
        //Задаём высоту меню
          $(blockPalitra).css('height' , '110px')
        } else {
       //Убираем высоту меню
        $(blockPalitra).css('height' , '0px');
        };
    //Прописываем ID нужных блоков при пролистывании    
	var scrollEvent = ($(window).scrollTop() > $("#rec50271102").offset().top); 
	var scrollEvent1 = ($(window).scrollTop() > $("#rec50271104").offset().top);
	var scrollEvent2 = ($(window).scrollTop() > $("#rec50271105").offset().top); 
	var scrollEvent3 = ($(window).scrollTop() > $("#rec50271109").offset().top);
	var scrollEvent4 = ($(window).scrollTop() > $("#rec50271112").offset().top);
	
        //Если дошли до 1-го нужного блока
     	if(scrollEvent) { 
			    //Делаем белый фон
			    $(blockPalitra).addClass('fonmenuB');
			} else {
			   //Иначе делаем чёрным
			   $(blockPalitra).removeClass('fonmenuB');
			};
			
		//Если дошли до 2-го нужного блока - Удаляем белый фон	
		if(scrollEvent1) {  $(blockPalitra).removeClass('fonmenuB'); };		
	    //Если дошли до 3-го нужного блока - Добавляем белый фон
        if(scrollEvent2) {  $(blockPalitra).addClass('fonmenuB'); };	 
        //Если дошли до 4-го нужного блока - Удаляем белый фон
        if(scrollEvent3) {  $(blockPalitra).removeClass('fonmenuB'); };	 
        //Если дошли до 5-го нужного блока - Добавляем белый фон
        if(scrollEvent4) {  $(blockPalitra).addClass('fonmenuB'); 	};	 
        
    });
});
</script>
Made on
Tilda