grafika.tochka-digital.ru Open in urlscan Pro
147.45.104.209  Public Scan

URL: https://grafika.tochka-digital.ru/
Submission: On December 11 via api from US — Scanned from US

Form analysis 5 forms found in the DOM

Name: arrFilter_formGET /

<form class="section-filter__form smartfilter_main form-filter smartfilter" name="arrFilter_form" action="/" method="get">
  <fieldset class="form-filter__fieldset --grid">
    <input type="hidden" id="set_filter" name="set_filter" value="y">
    <div class="form-filter__label custom-label">
      <span class="form-filter__subtitle custom-label__subtitle --size-l">Корпус</span>
      <div class="form-filter__select custom-label__select custom-select custom-select--gray js-custom-select">
        <button class="custom-select__button button --size-t js-custom-select-button">
          <span class="js-custom-select-title" data-name="Любой">Любой</span>
        </button>
        <div class="custom-select__content js-custom-select-body --size-t" data-simplebar="init">
          <div class="simplebar-wrapper" style="margin: 0px;">
            <div class="simplebar-height-auto-observer-wrapper">
              <div class="simplebar-height-auto-observer"></div>
            </div>
            <div class="simplebar-mask">
              <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;">
                  <div class="simplebar-content" style="padding: 0px;">
                    <label class="custom-select__label custom-checkbox custom-checkbox--reset">
                      <input type="reset" name="project">
                      <span>Любой</span>
                    </label>
                    <div class="custom-select__group">
                      <label data-role="label_" class="custom-select__label corp_filters custom-checkbox">
                        <input onclick="setTimeout(load_catalog_ajax_main, .5);" type="checkbox" name="building_id[]" value="20" data-date-end="Сдан" data-name-parent="Корпус 1" data-value="Корпус 1">
                        <span data-value="Корпус 1">Корпус 1</span>
                      </label>
                    </div>
                    <div class="custom-select__group">
                      <label data-role="label_" class="custom-select__label corp_filters custom-checkbox">
                        <input onclick="setTimeout(load_catalog_ajax_main, .5);" type="checkbox" name="building_id[]" value="21" data-date-end="Сдан" data-name-parent="Корпус 2" data-value="Корпус 2">
                        <span data-value="Корпус 2">Корпус 2</span>
                      </label>
                    </div>
                    <div class="custom-select__group">
                      <label data-role="label_" class="custom-select__label corp_filters custom-checkbox">
                        <input onclick="setTimeout(load_catalog_ajax_main, .5);" type="checkbox" name="building_id[]" value="22" data-date-end="2026" data-name-parent="Корпус 3" data-value="Корпус 3">
                        <span data-value="Корпус 3">Корпус 3</span>
                      </label>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="simplebar-placeholder" style="width: 320px; height: 193px;"></div>
          </div>
          <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
            <div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
          </div>
          <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
            <div class="simplebar-scrollbar" style="height: 0px; display: none;"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="form-filter__label custom-label">
      <span class="form-filter__subtitle custom-label__subtitle --size-l">Количество комнат</span>
      <div class="form-filter__select custom-label__select checkbox-button checkbox-button--gray --size-t">
        <label data-role="label_arrFilter_15_174200537" class="checkbox-button__label " for="arrFilter_15_174200537">
          <input onclick="load_catalog_ajax_main()" type="checkbox" value="Y" name="arrFilter_15_174200537" id="arrFilter_15_174200537">
          <span name="arrFilter_15_174200537" class="bx-filter-param-text" title="">Студия</span>
        </label>
        <label data-role="label_arrFilter_15_336913281" class="checkbox-button__label " for="arrFilter_15_336913281">
          <input onclick="load_catalog_ajax_main()" type="checkbox" value="Y" name="arrFilter_15_336913281" id="arrFilter_15_336913281">
          <span name="arrFilter_15_336913281" class="bx-filter-param-text" title="">1</span>
        </label>
        <label data-role="label_arrFilter_15_2225864208" class="checkbox-button__label " for="arrFilter_15_2225864208">
          <input onclick="load_catalog_ajax_main()" type="checkbox" value="Y" name="arrFilter_15_2225864208" id="arrFilter_15_2225864208">
          <span name="arrFilter_15_2225864208" class="bx-filter-param-text" title="">2</span>
        </label>
        <label data-role="label_arrFilter_15_4088188550" class="checkbox-button__label " for="arrFilter_15_4088188550">
          <input onclick="load_catalog_ajax_main()" type="checkbox" value="Y" name="arrFilter_15_4088188550" id="arrFilter_15_4088188550">
          <span name="arrFilter_15_4088188550" class="bx-filter-param-text" title="">3</span>
        </label>
      </div>
    </div>
    <div class="form-filter__label custom-label js-ui-input-range-filter-">
      <span class="form-filter__subtitle custom-label__subtitle --size-l">Стоимость</span>
      <div class="form-filter__range custom-label__range custom-range custom-range--gray js-range-value js-range-value-main noUi-target noUi-ltr noUi-horizontal noUi-txt-dir-ltr" data-step="1" data-connect="true">
        <div class="custom-range__value --size-t">
          <label class="custom-range__label">
            <input name="arrFilter_18_MIN" id="arrFilter_18_MIN" value="4736490" class="js-range-value-min js-input-range--min filter-input--range" type="text" inputmode="numeric" data-min="4736490" data-max="15937636"
              onclick="load_catalog_ajax_main()"> <!--  onclick="this.select();"  -->
          </label>
          <label class="custom-range__label">
            <input class="js-range-value-max js-input-range--max filter-input--range" type="text" inputmode="numeric" name="arrFilter_18_MAX" id="arrFilter_18_MAX" value="15937636" data-min="4736490" data-max="15937636"
              onclick="load_catalog_ajax_main()"> <!-- onclick="this.select();" -->
          </label>
        </div>
        <div class="noUi-base">
          <div class="noUi-connects">
            <div class="noUi-connect" style="transform: translate(0%, 0px) scale(1, 1);"></div>
          </div>
          <div class="noUi-origin" style="transform: translate(-100%, 0px); z-index: 5;">
            <div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="4736490.0" aria-valuemax="15937636.0" aria-valuenow="4736490.0" aria-valuetext="4736490">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
          <div class="noUi-origin" style="transform: translate(0%, 0px); z-index: 4;">
            <div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="4736490.0" aria-valuemax="15937636.0" aria-valuenow="15937636.0" aria-valuetext="15937636">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="bx-ui-slider-track" id="drag_track_" style="display: none;">
        <div class="bx-ui-slider-part p1"><span>4736490</span></div>
        <div class="bx-ui-slider-part p2"><span>7536777</span></div>
        <div class="bx-ui-slider-part p3"><span>10337063</span></div>
        <div class="bx-ui-slider-part p4"><span>13137350</span></div>
        <div class="bx-ui-slider-part p5"><span>15937636</span></div>
        <div class="bx-ui-slider-pricebar-vd" style="left: 0;right: 0;" id="colorUnavailableActive_"></div>
        <div class="bx-ui-slider-pricebar-vn" style="left: 0%; right: 0%;" id="colorAvailableInactive_"></div>
        <div class="bx-ui-slider-pricebar-v" style="left: 0%; right: 0%;" id="colorAvailableActive_"></div>
        <div class="bx-ui-slider-range" id="drag_tracker_" style="left: 0;right: 0;">
          <a class="bx-ui-slider-handle left" style="left:0;" href="javascript:void(0)" id="left_slider_"></a>
          <a class="bx-ui-slider-handle right" style="right:0;" href="javascript:void(0)" id="right_slider_"></a>
        </div>
      </div>
    </div>
    <script type="text/javascript">
      BX.ready(function() {
        const inputRange = document.querySelectorAll(".js-ui-input-range-filter-");
        console.log(inputRange);
        if (inputRange.length > 0) {
          inputRange.forEach((el) => {
            const range = el.querySelector(".js-ui-input-range-filter- .custom-range");
            const inputMin = el.querySelector(".js-ui-input-range-filter- .js-input-range--min");
            const inputMax = el.querySelector(".js-ui-input-range-filter- .js-input-range--max");
            const inputs = [inputMin, inputMax];
            const curMinPrice = "";
            const curMaxPrice = "";
            const moneyFormat = function(n) {
              let formattedValue = parseFloat(n);
              if (formattedValue < 1000) {
                return formattedValue;
              } else {
                return formattedValue.toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, " ");
              };
            };
            try {
              noUiSlider.create(range, {
                start: [curMinPrice.length > 0 ? curMinPrice : inputMin.value, curMaxPrice.length > 0 ? curMaxPrice : inputMax.value],
                connect: true,
                step: inputMin.value % 1 === 0 ? 1 : 0.01,
                range: {
                  min: +inputMin.value,
                  max: +inputMax.value,
                },
                format: {
                  from: function(value) {
                    return value % 1 === 0 ? parseInt(value) : parseFloat(value).toFixed(2);
                  },
                  to: function(value) {
                    return value % 1 === 0 ? parseInt(value) : parseFloat(value).toFixed(2);
                  },
                },
              });
              range.noUiSlider.on("update", function(values, handle) {
                inputs[handle].value = moneyFormat(values[handle]);
              });
              range.noUiSlider.on("change", function(values, handle) {
                inputs[handle].value = moneyFormat(values[handle]);
                // inputs.map((input) => {
                // 	input.value = input.value.replaceAll(" ", "");
                // 	return input;
                // });
                load_catalog_ajax_main();
              });
              inputs.forEach(function(input, handle) {
                input.addEventListener("input", function() {
                  range.noUiSlider.setHandle(handle, this.value);
                });
              });
            } catch (e) {}
          });
        }
        window['trackBar'] = new BX.Iblock.SmartFilter({
          'leftSlider': 'left_slider_',
          'rightSlider': 'right_slider_',
          'tracker': 'drag_tracker_',
          'trackerWrap': 'drag_track_',
          'minInputId': 'arrFilter_18_MIN',
          'maxInputId': 'arrFilter_18_MAX',
          'minPrice': '4736490',
          'maxPrice': '15937636',
          'curMinPrice': '',
          'curMaxPrice': '',
          'fltMinPrice': '4736490',
          'fltMaxPrice': '15937636',
          'precision': '0',
          'colorUnavailableActive': 'colorUnavailableActive_',
          'colorAvailableActive': 'colorAvailableActive_',
          'colorAvailableInactive': 'colorAvailableInactive_'
        });
      });
    </script>
    <div class="form-filter__label custom-label js-ui-input-range-filter-">
      <span class="form-filter__subtitle custom-label__subtitle --size-l">Площадь, м2</span>
      <div class="form-filter__range custom-label__range custom-range custom-range--gray js-range-value js-range-value-main noUi-target noUi-ltr noUi-horizontal noUi-txt-dir-ltr" data-step="1" data-connect="true">
        <div class="custom-range__value --size-t">
          <label class="custom-range__label">
            <input name="arrFilter_22_MIN" id="arrFilter_22_MIN" value="20.4500" class="js-range-value-min js-input-range--min" type="text" inputmode="numeric" data-min="20.4500" data-max="83.0400" onclick="load_catalog_ajax_main()">
            <!--  onclick="this.select();"  -->
          </label>
          <label class="custom-range__label">
            <input class="js-range-value-max js-input-range--max" type="text" inputmode="numeric" name="arrFilter_22_MAX" id="arrFilter_22_MAX" value="83.0400" data-min="20.4500" data-max="83.0400" onclick="load_catalog_ajax_main()">
            <!-- onclick="this.select();" -->
          </label>
        </div>
        <div class="noUi-base">
          <div class="noUi-connects">
            <div class="noUi-connect" style="transform: translate(0%, 0px) scale(1, 1);"></div>
          </div>
          <div class="noUi-origin" style="transform: translate(-100%, 0px); z-index: 5;">
            <div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="20.4" aria-valuemax="83.0" aria-valuenow="20.4" aria-valuetext="20.45">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
          <div class="noUi-origin" style="transform: translate(0%, 0px); z-index: 4;">
            <div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="20.4" aria-valuemax="83.0" aria-valuenow="83.0" aria-valuetext="83.04">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="bx-ui-slider-track" id="drag_track_" style="display: none;">
        <div class="bx-ui-slider-part p1"><span>20</span></div>
        <div class="bx-ui-slider-part p2"><span>36</span></div>
        <div class="bx-ui-slider-part p3"><span>52</span></div>
        <div class="bx-ui-slider-part p4"><span>67</span></div>
        <div class="bx-ui-slider-part p5"><span>83</span></div>
        <div class="bx-ui-slider-pricebar-vd" style="left: 0;right: 0;" id="colorUnavailableActive_"></div>
        <div class="bx-ui-slider-pricebar-vn" style="left: 0;right: 0;" id="colorAvailableInactive_"></div>
        <div class="bx-ui-slider-pricebar-v" style="left: 0;right: 0;" id="colorAvailableActive_"></div>
        <div class="bx-ui-slider-range" id="drag_tracker_" style="left: 0;right: 0;">
          <a class="bx-ui-slider-handle left" style="left:0;" href="javascript:void(0)" id="left_slider_"></a>
          <a class="bx-ui-slider-handle right" style="right:0;" href="javascript:void(0)" id="right_slider_"></a>
        </div>
      </div>
    </div>
    <script type="text/javascript">
      BX.ready(function() {
        const inputRange = document.querySelectorAll(".js-ui-input-range-filter-");
        console.log(inputRange);
        if (inputRange.length > 0) {
          inputRange.forEach((el) => {
            const range = el.querySelector(".js-ui-input-range-filter- .custom-range");
            const inputMin = el.querySelector(".js-ui-input-range-filter- .js-input-range--min");
            const inputMax = el.querySelector(".js-ui-input-range-filter- .js-input-range--max");
            const inputs = [inputMin, inputMax];
            const curMinPrice = "";
            const curMaxPrice = "";
            const moneyFormat = function(n) {
              let formattedValue = parseFloat(n);
              if (formattedValue < 1000) {
                return formattedValue;
              } else {
                return formattedValue.toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, " ");
              };
            };
            try {
              noUiSlider.create(range, {
                start: [curMinPrice.length > 0 ? curMinPrice : inputMin.value, curMaxPrice.length > 0 ? curMaxPrice : inputMax.value],
                connect: true,
                step: inputMin.value % 1 === 0 ? 1 : 0.01,
                range: {
                  min: +inputMin.value,
                  max: +inputMax.value,
                },
                format: {
                  from: function(value) {
                    return value % 1 === 0 ? parseInt(value) : parseFloat(value).toFixed(2);
                  },
                  to: function(value) {
                    return value % 1 === 0 ? parseInt(value) : parseFloat(value).toFixed(2);
                  },
                },
              });
              range.noUiSlider.on("update", function(values, handle) {
                inputs[handle].value = moneyFormat(values[handle]);
              });
              range.noUiSlider.on("change", function(values, handle) {
                inputs[handle].value = moneyFormat(values[handle]);
                // inputs.map((input) => {
                // 	input.value = input.value.replaceAll(" ", "");
                // 	return input;
                // });
                load_catalog_ajax_main();
              });
              inputs.forEach(function(input, handle) {
                input.addEventListener("input", function() {
                  range.noUiSlider.setHandle(handle, this.value);
                });
              });
            } catch (e) {}
          });
        }
        window['trackBar'] = new BX.Iblock.SmartFilter({
          'leftSlider': 'left_slider_',
          'rightSlider': 'right_slider_',
          'tracker': 'drag_tracker_',
          'trackerWrap': 'drag_track_',
          'minInputId': 'arrFilter_22_MIN',
          'maxInputId': 'arrFilter_22_MAX',
          'minPrice': '20.4500',
          'maxPrice': '83.0400',
          'curMinPrice': '',
          'curMaxPrice': '',
          'fltMinPrice': '20.4500',
          'fltMaxPrice': '83.0400',
          'precision': '0',
          'colorUnavailableActive': 'colorUnavailableActive_',
          'colorAvailableActive': 'colorAvailableActive_',
          'colorAvailableInactive': 'colorAvailableInactive_'
        });
      });
    </script>
  </fieldset>
  <div class="form-filter__action">
    <a href="/objects/?set_filter=y&amp;arrFilter_18_MIN=4736490&amp;arrFilter_18_MAX=15937636&amp;arrFilter_22_MIN=20.45&amp;arrFilter_22_MAX=83.04" class="form-filter__submit button button--border button--arrow-n --size-b" type="submit">
						Показать <b>  438</b> Квартиры
						<svg>
							<use xlink:href="/local/templates/urbanist/assets/img/sprite.svg#arrow"></use>
						</svg>
					</a>
  </div>
</form>

#

<form class="calculate-mortgage__form js-mortgage-form" action="#">
  <div class="calculate-mortgage__title --size-s">Ипотечный калькулятор</div>
  <fieldset class="calculate-mortgage__fieldset">
    <div class="calculate-mortgage__label custom-label"><span class="calculate-mortgage__subtitle custom-label__subtitle --size-l">Тип ипотеки</span>
      <div class="calculate-mortgage__select custom-label__select custom-select custom-select--gray js-custom-select"><button class="custom-select__button button --size-t js-custom-select-button"><span class="js-custom-select-title"
            data-name="Cтандартная ипотека">Cтандартная ипотека</span></button>
        <div class="custom-select__content js-mortgage-type js-custom-select-body --size-t"><label class="custom-select__label custom-radio"><input type="radio" name="type-credit" data-value="Cтандартная ипотека" value="standart"><span>Cтандартная
              ипотека</span></label><label class="custom-select__label custom-radio"><input type="radio" name="type-credit" data-value="IT-ипотека" value="it"><span>IT-ипотека</span></label><label class="custom-select__label custom-radio"><input
              type="radio" name="type-credit" data-value="Субсидированная семейная" value="subfamily"><span>Субсидированная семейная</span></label></div>
      </div>
    </div>
    <div class="calculate-mortgage__label custom-label"><span class="calculate-mortgage__subtitle custom-label__subtitle --size-l">Стоимость недвижимости</span>
      <div class="calculate-mortgage__range custom-label__range custom-range custom-range--gray js-range-value js-range-price noUi-target noUi-ltr noUi-horizontal noUi-txt-dir-ltr" data-step="50000" data-connect="lower">
        <div class="custom-range__value --size-t"><label class="custom-range__label"><input class="js-range-value-min js-mortgage-price" type="text" inputmode="numeric" data-min="4000000" data-max="16970000" value="4000000"></label><label
            class="custom-range__label"><input class="js-range-value-max js-mortgage-price" type="text" data-min="4000000" data-max="16970000" data-field="price"><!--v-if--></label></div>
        <div class="noUi-base">
          <div class="noUi-connects">
            <div class="noUi-connect" style="transform: translate(0%, 0px) scale(0.077101, 1);"></div>
          </div>
          <div class="noUi-origin" style="transform: translate(-100%, 0px); z-index: 5;">
            <div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="4000000.0" aria-valuemax="5000000.0" aria-valuenow="4000000.0" aria-valuetext="4000000">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
          <div class="noUi-origin" style="transform: translate(-92.2899%, 0px); z-index: 6;">
            <div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="4000000.0" aria-valuemax="16970000.0" aria-valuenow="5000000.0" aria-valuetext="5000000">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="calculate-mortgage__label custom-label"><span class="calculate-mortgage__subtitle custom-label__subtitle --size-l">Первоначальный взнос</span>
      <div class="calculate-mortgage__range custom-label__range custom-range custom-range--gray js-range-value js-range-price noUi-target noUi-ltr noUi-horizontal noUi-txt-dir-ltr" data-step="50000" data-connect="lower">
        <div class="custom-range__value --size-t"><label class="custom-range__label"><input class="js-range-value-min js-mortgage-price" type="text" inputmode="numeric" data-min="1000000" data-max="5000000" value="1000000"></label><label
            class="custom-range__label custom-range__label--percent"><input class="js-range-value-max js-mortgage-price" type="text" data-min="1000000" data-max="5000000" data-field="fee"><span
              class="custom-range__percent-value"><span>35</span>%</span></label></div>
        <div class="noUi-base">
          <div class="noUi-connects">
            <div class="noUi-connect" style="transform: translate(0%, 0px) scale(0.189873, 1);"></div>
          </div>
          <div class="noUi-origin" style="transform: translate(-100%, 0px); z-index: 5;">
            <div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="1000000.0" aria-valuemax="1750000.0" aria-valuenow="1000000.0" aria-valuetext="1000000">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
          <div class="noUi-origin" style="transform: translate(-81.0127%, 0px); z-index: 6;">
            <div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="1000000.0" aria-valuemax="4950000.0" aria-valuenow="1750000.0" aria-valuetext="1750000">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="calculate-mortgage__label custom-label"><span class="calculate-mortgage__subtitle custom-label__subtitle --size-l">Срок кредита</span>
      <div class="calculate-mortgage__range custom-label__range custom-range custom-range--gray js-range-value js-range-price noUi-target noUi-ltr noUi-horizontal noUi-txt-dir-ltr" data-step="1" data-connect="lower">
        <div class="custom-range__value --size-t"><label class="custom-range__label"><input class="js-range-value-min js-mortgage-price" type="text" inputmode="numeric" data-min="1" data-max="30" value="1"></label><label
            class="custom-range__label"><input class="js-range-value-max js-mortgage-price" type="text" data-min="1" data-max="30" data-field="term"><!--v-if--></label></div>
        <div class="noUi-base">
          <div class="noUi-connects">
            <div class="noUi-connect" style="transform: translate(0%, 0px) scale(1, 1);"></div>
          </div>
          <div class="noUi-origin" style="transform: translate(-100%, 0px); z-index: 5;">
            <div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="1.0" aria-valuemax="30.0" aria-valuenow="1.0" aria-valuetext="1">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
          <div class="noUi-origin" style="transform: translate(0%, 0px); z-index: 4;">
            <div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="1.0" aria-valuemax="30.0" aria-valuenow="30.0" aria-valuetext="30">
              <div class="noUi-touch-area"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </fieldset>
  <div class="calculate-mortgage__action mortgage-notice custom-label__subtitle --size-l"> Расчёты являются предварительными и носят информационный характер </div>
</form>

<form class="feedback-form --style-form js-validate-form js-form-send" data-form="1">
  <div class="feedback-form__text">
    <div class="feedback-form__title --size-three --style-caps">Появились вопросы?</div>
    <div class="feedback-form__description --size-t">Оставьте свой номер, и мы свяжемся с Вами в ближайшее время </div>
  </div>
  <div class="feedback-form__body">
    <fieldset class="feedback-form__fieldset">
      <label class="feedback-form__label --size-t" data-validate="Пожалуйста, заполните поле. Минимум 2 символа">
        <span class="feedback-form__subtitle --size-l">Как к вам обращаться?</span>
        <input type="text" placeholder="Иван" name="form_text_1" minlength="1" required="" data-name="">
      </label>
      <label class="feedback-form__label --size-t" data-validate="Пожалуйста, введите корректный номер телефона">
        <span class="feedback-form__subtitle --size-l">Телефон</span>
        <input type="tel" name="form_text_2" data-inputmask="'mask': '+7 \\999 999 99 99'" placeholder="+7" required="" data-phone="" inputmode="text">
      </label>
    </fieldset>
    <input type="hidden" name="form_text_12" value="grafika.tochka-digital.ru/">
    <input class="feedback-form__submit button button--dark --size-b" type="submit" value="отправить" disabled="">
    <div class="feedback-form__info --size-d"> Нажимая на кнопку, вы соглашаетесь с <a class="--style-underline" href="/upload/iblock/560/xwp9m1f7e0ph5tuflu1ofbkihvvdw3mb.pdf" target="_blank">политикой конфиденциальности</a> и
      <a class="--style-underline" href="/upload/iblock/560/xwp9m1f7e0ph5tuflu1ofbkihvvdw3mb.pdf" target="_blank">обработкой персональных данных</a>
    </div>
  </div>
</form>

<form class="modal-feedback__form --style-form js-validate-form js-form-send" data-form="2">
  <fieldset class="modal-feedback__fieldset">
    <label class="modal-feedback__label --size-t" data-validate="Пожалуйста, заполните поле. Минимум 2 символа">
      <span class="modal-feedback__subtitle --size-l">Как к вам обращаться?</span>
      <input type="text" placeholder="Иван" name="form_text_3" minlength="1" required="" data-name="">
    </label>
    <label class="modal-feedback__label --size-t" data-validate="Пожалуйста, введите корректный номер телефона">
      <span class="modal-feedback__subtitle --size-l">Телефон</span>
      <input type="tel" name="form_text_4" data-inputmask="'mask': '+7 \\999 999 99 99'" placeholder="+7" required="" data-phone="" inputmode="text">
    </label>
    <label class="modal-feedback__label --size-t" data-validate="Пожалуйста, заполните поле">
      <span class="modal-feedback__subtitle --size-l">Сообщение</span>
      <textarea rows="5" name="form_textarea_5" placeholder="Ваш комментарий" minlength="0" required=""></textarea>
    </label>
  </fieldset>
  <div class="modal-feedback__info --size-d">Нажимая на кнопку, вы соглашаетесь с <a class="--style-underline" href="/upload/iblock/560/xwp9m1f7e0ph5tuflu1ofbkihvvdw3mb.pdf" target="_blank">политикой конфиденциальности</a> и
    <a class="--style-underline" href="/upload/iblock/560/xwp9m1f7e0ph5tuflu1ofbkihvvdw3mb.pdf" target="_blank">обработкой персональных данных</a></div>
  <input type="hidden" name="form_text_13" value="grafika.tochka-digital.ru/">
  <input class="modal-feedback__submit button button--dark --size-b" type="submit" value="отправить" disabled="">
</form>

<form class="modal-feedback__form --style-form js-validate-form js-form-send" data-form="3">
  <fieldset class="modal-feedback__fieldset">
    <label class="modal-feedback__label --size-t" data-validate="Пожалуйста, заполните поле. Минимум 2 символа">
      <span class="modal-feedback__subtitle --size-l">Как к вам обращаться?</span>
      <input type="text" name="form_text_6" placeholder="Иван" required="" minlength="1" data-name="">
    </label>
    <label class="modal-feedback__label --size-t" data-validate="Пожалуйста, введите корректный номер телефона">
      <span class="modal-feedback__subtitle --size-l">Телефон</span>
      <input type="tel" name="form_text_7" data-inputmask="'mask': '+7 \\999 999 99 99'" placeholder="+7" required="" data-phone="" inputmode="text">
    </label>
  </fieldset>
  <div class="modal-feedback__info --size-d">Нажимая на кнопку, вы соглашаетесь с <a class="--style-underline" href="/upload/iblock/560/xwp9m1f7e0ph5tuflu1ofbkihvvdw3mb.pdf" target="_blank">политикой конфиденциальности</a> и
    <a class="--style-underline" href="/upload/iblock/560/xwp9m1f7e0ph5tuflu1ofbkihvvdw3mb.pdf" target="_blank">обработкой персональных данных</a></div>
  <input type="hidden" name="form_text_8" value="grafika.tochka-digital.ru/">
  <input class="modal-feedback__submit button button--dark --size-b" type="submit" value="отправить" disabled="">
</form>

Text Content

 * Проекты
 * О компании
   
 * Жизнь в МАВИС

Меню
 * Недвижимость
   
 * Способы покупки
 * Отделка
 * Акции
 * Ход строительства
 * Документация

+7 (812) 448-66-88
Выбрать квартиру
 * +7 (812) 448-66-88
 * Для иногородних покупателей: +7 (800) 551-04-70

Недвижимость
Недвижимость
 * Квартиры 438 предложений
 * Паркинг 5 предложений
 * Кладовые 96 предложений

Способы покупки
Способы покупки
 * Ипотека
 * Рассрочка
 * Материнский капитал
 * Trade-In
 * 100% Оплата

Отделка
Отделка
Акции
Акции
Ход строительства
Ход строительства
Документация
Документация
Выбрать квартиру
 * Проекты
 * О компании
   
 * Жизнь в мавис

 * Для иногородних покупателей: +7 (800) 551-04-70

 * 
 * 
 * 
 * 

10 минут от метро Закрытый двор
Спортзал для жителей Кладовые и паркинг
Панорамные окна Яблоневый сад
 * 1
 * 2
 * 3

Многогранный жилой комплекс

ЖК «Графика»
Квартиры:
от 4,7 млн ₽
Площадь квартир:
20.45 - 83.04 м2
Этажность:
12-18 этажей
Класс:
Комфорт
м. Девяткино:
10 минут пешком


О ПРОЕКТЕ


ДОМА, СВОБОДНЫЕ ОТ СТЕРЕОТИПОВ

Оригинальные и нестандартные решения часто оказываются оптимальными.
Расположенный в одном из самых молодых и демократичных районов, ЖК «Графика»
претендует на то, чтобы встать в один ряд с проектами, формирующими лицо города.



ПОДОБРАТЬ КВАРТИРУ

Корпус
Любой
Любой
Корпус 1
Корпус 2
Корпус 3



Количество комнат
Студия 1 2 3
Стоимость

4736490
7536777
10337063
13137350
15937636




Площадь, м2

20
36
52
67
83




Показать 438 Квартиры
 * 1
   Сдан
   Корпус 1
   5 квартир
   Сдан
   
   --------------------------------------------------------------------------------
   
    * Студия от 6,2 млн ₽
    * 2-комнатная от 10,3 млн ₽

 * 2
   Сдан
   Корпус 2
   9 квартир
   Сдан
   
   --------------------------------------------------------------------------------
   
    * Студия от 5,7 млн ₽
    * 1-комнатная от 6,2 млн ₽
    * 2-комнатная от 10,3 млн ₽

 * 3
   Июнь 2026
   Корпус 3
   425 квартир
   Июнь 2026
   
   --------------------------------------------------------------------------------
   
    * Студия от 4,7 млн ₽
    * 1-комнатная от 6,2 млн ₽
    * 2-комнатная от 10,0 млн ₽
    * 3-комнатная от 12,0 млн ₽


ПРЕИМУЩЕСТВА

Кладовые
Собственная кладовая – это закрытое помещение с доступом только для владельцев.
Правильная прямоугольная форма и высота потолка 2,68 м делают его
функциональным, позволяя экономить не только жилую площадь, но и деньги – ведь
стоимость квадратного метра кладовой ниже, чем стоимость метра квартиры.
Реализация кладовых не является публичной офертой. Покупка кладовой возможна
одновременно с покупкой квартиры в ЖК «Графика», либо в случае, если квартира в
указанном жилом комплексе уже приобретена в предшествующий период времени.

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

Спортзал для жителей
В «Графике» всегда найдется время для спорта, а тренировки легко станут частью
вашего графика – каким бы насыщенным он ни был: и всё благодаря спортзалу,
который разместится непосредственно на территории жилого комплекса. В
распоряжении жильцов – стильный зал площадью 80 м² со всем необходимым
оборудованием для силовых тренировок, кардиозоной и зоной для занятий йогой.

Подземный паркинг
Вы всегда найдете место для своего автомобиля, ведь в комплексе предусмотрен
подземный охраняемый паркинг, спуститься в который можно прямо на лифте.

Панорамное остекление с высокими окнами
Большие окна визуально увеличивают пространство и наполняют комнату естественным
светом, что особенно важно для петербургского климата.

Дизайнерская отделка холлов
Отделка холлов будет выполнена в лаконичном стиле с применением качественного
керамогранита и дизайнерских элементов отделки. Витринное остекление входных
групп будет создавать ощущение безопасности, делать пространство более светлым и
просторным.

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

Магазины и кафе прямо в доме
Коммерческая галерея будет располагаться на первом этаже с внешней стороны
комплекса. Купить свежие булочки на завтрак и заказать ароматный кофе можно
будет буквально за пару минут, не выходя за пределы собственного дома!

Современная технология строительства
Дома возводятся в соответствии с современными требованиями домостроения по
кирпично-монолитной технологии, которая является залогом прочности и
долговечности конструкции, отличается экологичностью и имеет повышенные
теплоизоляционные свойства. Оптимальный микроклимат в здании поддерживается за
счет навесного вентилируемого фасада, который обеспечивает температурное
равновесие, защищая от жары летом и холода зимой.

Уникальные планировки квартир
Проектом предусмотрен большой выбор комфортных планировок – от компактных студий
до просторных трехкомнатных квартир семейного формата. Среди представленных
вариантов – планировки евроформата, квартиры с мастер-спальнями, гардеробными,
двумя санузлами, и даже двухуровневые студии.




РАСПОЛОЖЕНИЕ


ЖИЛОЙ КОМПЛЕКС РАСПОЛАГАЕТСЯ В ШАГОВОЙ ДОСТУПНОСТИ ОТ МЕТРО «ДЕВЯТКИНО»

В окружении почти достроенных и уже сданных домов, в районе с развитой
инфраструктурой. До центра города — 30 минут на автомобиле. Имеются два выезда
на КАД (через проспект Авиаторов Балтики и шоссе в Лаврики), а также
ж/д платформа и автовокзал «Северный».

От жилого комплекса можно быстро добраться до самых востребованных курортов
Ленинградской области: Охта-Парка, Кавголово, Северного склона, Игоры.

 * 30 Минут до центра
 * 10 Минут пешком до метро
 * 20 Минут до озер и леса
 * 2 Выезда на КАД

Смотреть проект

Графика
от 4.74 млн ₽ 440 квартир














© Mapbox © OpenStreetMap Improve this map
Всё Детские садыМетроШколыМеста отдыхаМагазиныЗдоровье





БЛАГОУСТРОЙСТВО


Пространство для спорта и отдыха на крыше
Пространство для спорта и отдыха на крыше

Яблоневый сад
Яблоневый сад

Арт-объекты
Арт-объекты

Современные детские площадки
Современные детские площадки


ПРОСТРАНСТВО ДЛЯ СПОРТА И ОТДЫХА НА КРЫШЕ

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



ЯБЛОНЕВЫЙ САД

Прогуляться по тропинкам вдоль цветущих яблонь, почитать книгу в тени листвы и
почувствовать аромат свежих фруктов – все это доступно для жителей «Графики».
Перед вашим домом будет разбит настоящий сад. Мы высадим полноразмерные деревья,
чтобы жители уже при заселении могли наслаждаться пышными кронами яблонь.



АРТ-ОБЪЕКТЫ

Творческую атмосферу дворовому пространству придадут арт-объекты, отражающие
многогранный характер жилого комплекса.



СОВРЕМЕННЫЕ ДЕТСКИЕ ПЛОЩАДКИ

Во дворах жилого комплекса предусмотрены оригинальные детские площадки с
зонированием по возрастным группам. Современное игровое оборудование отличается
безопасностью и экологичностью, а особое мягкое покрытие делает площадки
совершенно нетравматичными.




ПЛАН ДВОРА

Все корпуса






СПОСОБЫ ПОКУПКИ

Ипотека Рассрочка Trade-in



Ипотечный калькулятор
Тип ипотеки
Cтандартная ипотека
Cтандартная ипотекаIT-ипотекаСубсидированная семейная
Стоимость недвижимости

Первоначальный взнос
35%

Срок кредита

Расчёты являются предварительными и носят информационный характер
 * Ставка24.7 %
 * Первый взнос15.01 %
 * Срокдо 30 лет
 * Удорожаниена 0 %

Ежемесячный платеж66 940 ₽
 * Ставка25.7 %
 * Первый взнос20.1 %
 * Срокдо 30 лет
 * Удорожаниена 0 %

Ежемесячный платеж69 638 ₽
 * Ставка28.09 %
 * Первый взнос20.1 %
 * Срокдо 30 лет
 * Удорожаниена 0 %

Ежемесячный платеж76 095 ₽



все способы покупки


УСЛОВИЯ РАССРОЧКИ

Квартира в рассрочку может стать вашей сразу после внесения первоначального
взноса. Удобные схемы платежей позволят вам сделать покупку максимально
комфортной.

Рассрочка оформляется до момента ввода в эксплуатацию жилого комплекса. Оплата
осуществляется в два этапа: первый взнос и оставшаяся сумма в конце периода
рассрочки, без ежемесячных платежей.
 * 3 месяца
   * Первый взнос / Остаток 50 % / 50 %
   * Удорожание квартиры 1,5 %
 * 6 месяцев
   * Первый взнос / Остаток 50 % / 50 %
   * Удорожание квартиры 3 %
 * 9 месяцев
   * Первый взнос / Остаток 50 % / 50 %
   * Удорожание квартиры 4,5 %
 * 12 месяцев
   * Первый взнос / Остаток 50 % / 50 %
   * Удорожание квартиры 6 %


ПОКУПАЯ НОВОЕ ЖИЛЬЕ В ЗАЧЕТ СТАРОГО, СЭКОНОМЬТЕ НЕ ТОЛЬКО ДЕНЬГИ, НО И ВРЕМЯ!

Программа действует только при покупке квартиры в строящихся корпусах. Для
продажи могут участвовать квартиры во всех регионах России, а также объекты
недвижимости, приобретенные по переуступке.


 * ПОЧЕМУ TRADE-IN — ЭТО УДОБНО?
   
   * Скорость сделки до 3 месяцев;
   * Профессиональное сопровождение на всех этапах;
   * Услуги специалистов бесплатны;
   * Стоимость квартиры фиксируется.


 * ПРОГРАММА РЕАЛИЗУЕТСЯ ПРИ УЧАСТИИ ПАРТНЕРОВ-АГЕНТСТВ НЕДВИЖИМОСТИ
   
   1. Подбор квартиры, которая идеально подойдет именно вам
   2. Фиксация цены
   3. Продажа старой недвижимости: поиск покупателя и полное сопровождение
      сделки


СПЕЦПРЕДЛОЖЕНИЯ


ВЫГОДНЫЕ ЦЕНЫ НА КВАРТИРЫ!

Скидка 3% при 100% оплате



СПЕЦИАЛЬНАЯ АКЦИЯ ДЛЯ ДОЛЬЩИКОВ «МАВИС»

Вы можете привести к нам уникального покупателя и получить вознаграждение в
размере 45 000 рублей


все акции


ХОД СТРОИТЕЛЬСТВА

Корпус 3



01 / 09



29 НОЯБРЯ 2024

15 фото


31 ОКТЯБРЯ 2024

16 фото


16 ОКТЯБРЯ 2024

14 фото


30 СЕНТЯБРЯ 2024

16 фото


15 СЕНТЯБРЯ 2024

16 фото


29 АВГУСТА 2024

13 фото


27 ИЮЛЯ 2024

12 фото


28 ИЮНЯ 2024

16 фото


29 МАЯ 2024

17 фото


27 АПРЕЛЯ 2024

17 фото


28 МАРТА 2024

14 фото

Подробнее
Появились вопросы?
Оставьте свой номер, и мы свяжемся с Вами в ближайшее время
Как к вам обращаться? Телефон
Нажимая на кнопку, вы соглашаетесь с политикой конфиденциальности и обработкой
персональных данных
 * +7 (812) 448-66-88
 * Для иногородних покупателей: +7 (800) 551-04-70

4/4
 * Фотограф
 * Урбанист
 * Авиатор
 * Максималист

 * +7 (812) 448-66-88
 * Для иногородних покупателей: +7 (800) 551-04-70

 * Центральный офис отдела продаж: Санкт-Петербург, Дорога на Турухтанные
   острова, д. 6
 * Время работы: 10:00 - 20:00

Обратная связь: Напишите нам
Недвижимость
 * Квартиры
 * Паркинг
 * Кладовые

О проекте
 * Способы покупки
 * Акции
 * Отделка
 * Ход строительства
 * Документация

МАВИС
 * Проекты
 * О компании
   
 * Жизнь в МАВИС

 * 
 * 
 * 
 * 

Обращаем Ваше внимание на то, что данный интернет-сайт носит исключительно
информационный характер и ни при каких условиях не является офертой или
публичной офертой, определяемой положениями ст. 435, п. 2 ст. 437 Гражданского
Кодекса Российской Федерации. Для получения необходимой и достоверной информации
о реализуемых объектах недвижимости, пожалуйста, обращайтесь к менеджерам отдела
продаж (клиентского обслуживания) по телефону: 8 (812) 448-66-88
Положение об обработке и защите персональных данных Разработка сайта:
PetrogradWeb

Нам важно ваше мнение
Заполните форму для вопросов и предложений
Как к вам обращаться? Телефон Сообщение
Нажимая на кнопку, вы соглашаетесь с политикой конфиденциальности и обработкой
персональных данных
Оставить заявку
Заполните форму ниже, и мы свяжемся с вами в ближайшее время
Как к вам обращаться? Телефон
Нажимая на кнопку, вы соглашаетесь с политикой конфиденциальности и обработкой
персональных данных
Продолжая пользоваться сайтом, вы соглашаетесь с политикой конфиденциальности
OK