templates/new/index/index.html.twig line 1

Open in your IDE?
  1. {% extends 'new/base.html.twig' %}
  3. {% block title %}{{ page.seoTitle }}{% endblock %}
  4. {% block seoDescription %}{{ page.seoDescription  }}{% endblock %}
  6. {% block body %}
  7. <div class="container" style="margin-top: 63px">
  8.     <h1>Корпорация развития<br>
  9.     Московской области</h1>
  10. </div>
  12. <div class="slider mt50" data-bootstrap-contains="containers">
  13.     <div id="slider-main-222">
  14.         <div class="item"><img alt="индустриальный парк есипово" class="main-slider" src="/upload/images/1709816610.jpg" style="width:100%"></div>
  15.     </div>
  16. </div>
  18. <div class="container index-columns mt-big wow fadeInUp" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
  19.     <div class="row">
  20.         <div class="col-xl-5 col-lg-4">
  21.             <div>01</div>
  23.             <p>Бесплатно подберем<br>
  24.                 площадку для реализации<br>
  25.                 проекта на территории МО</p>
  26.             <a class="btn-red" data-bs-target="#formSModal" data-bs-toggle="modal" href="#" style="">подобрать площадку</a></div>
  28.         <div class="col-md-4 mt-4 mt-md-0">
  29.             <div>02</div>
  31.             <p>организуем получение<br>
  32.                 мер Господдержки<br>
  33.                 при реализации проектов</p>
  34.             <!-- <a class="btn-contrast" data-bs-target="#iframeModal" data-bs-toggle="modal" href="https://mos2.projectwork.ru/" target="_blank">калькулятор мер поддержки</a> --></div>
  36.         <div class="col-md-4 col-xl-3 mt-4 mt-md-0">
  37.             <div>03</div>
  39.             <p>Поможем сократить<br>
  40.                 сроки реализации<br>
  41.                 проекта</p>
  42.         </div>
  43.     </div>
  44. </div>
  45. <p>&nbsp;</p>
  47. <div class="container mt-big wow fadeInUp" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
  48.     <div class="row">
  49.         <div class="col-lg-4 col-md-5 order-2 order-md-1">
  50.             <div class="img-with-bg" style="background: url('/upload/images/1678786823.jpeg') no-repeat; height: 100%; background-size: contain">&nbsp;</div>
  51.         </div>
  53.         <div class="offset-xl-1 col-lg-6 col-md-8  order-1 order-md-2">
  54.             <h2>О Корпорации развития Московской области</h2>
  56.             <p class="text-uppercase mob-mt-35" style="margin-top: 75px">компания со 100% государственным участием СУБЪЕКТА РФ — МОСКОВСКОЙ ОБЛАСТИ</p>
  58.             <p>АО «Корпорация развития Московской области» — институт развития,<br>
  59.                 созданный Правительством Подмосковья для привлечения инвестиций, сопровождения инвестиционных проектов, а также развития инвестиционной инфраструктуры региона.</p>
  61.             <p class="mt50"><a class="bottom" href="/about" style="font-size: 16px;">Подробнее</a></p>
  62.         </div>
  63.     </div>
  64. </div>
  65. <p>&nbsp;</p>
  67. <p>&nbsp;</p>
  68. <div class="bg-black mt100 wow fadeInUp" data-bootstrap-contains="containers" data-wow-delay="0.5s" id="area-block" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
  69.     <div class="container">
  70.         <div class="row">
  71.             <div class="col-xl-5 col-lg-4" style="    align-items: center;display: flex;">
  72.                 <div>
  73.                     <h2>Подберем<br>
  74.                         площадку для вас</h2>
  76.                     <p class="mt50 mob-mt-35">Заполните форму, и мы свяжемся<br>
  77.                         с вами в течение рабочего дня</p>
  78.                 </div>
  79.             </div>
  81.             <div class="col-xl-7 col-lg-8">
  82.                 <form action="/order/area/send" id="form-area-2" method="POST" novalidate="novalidate"><input name="formType" type="hidden" value="main">
  83.                    <!--
  84.                    <div class="row">
  85.                         <div class="col-lg-6 ">
  86.                             <div class="row">
  87.                                 <div class="col-6 col-lg-4"><input class="hidden" contenteditable="false" id="f2areaType1" name="areaType[]" type="checkbox" value="Участок"> <label class="select-circle" data-for="f2areaType1" for="f2areaType1">Участок</label></div>
  89.                                 <div class="col-6 col-lg-8"><input class="hidden" contenteditable="false" id="f2areaType2" name="areaType[]" type="checkbox" value="Помещение"> <label class="select-circle" data-for="f2areaType2" for="f2areaType2">Помещение</label></div>
  90.                             </div>
  92.                             <div class="mob-line" style="height: 0; overflow: hidden;">&nbsp;</div>
  93.                         </div>
  95.                         <div class="col-lg-6">
  96.                             <div class="row">
  97.                                 <div class="col-6 col-lg-4"><input class="hidden" contenteditable="false" id="f2payType1" name="payType[]" type="checkbox" value="Покупка"> <label class="select-circle" data-for="f2payType1" for="f2payType1">Покупка</label></div>
  99.                                 <div class="col-6 col-lg-4"><input class="hidden" contenteditable="false" id="f2payType2" name="payTyp[]e" type="checkbox" value="Аренда"> <label class="select-circle" data-for="f2payType2" for="f2payType2">Аренда</label></div>
  100.                             </div>
  101.                         </div>
  102.                     </div>
  103.                     -->
  104.                     <div>
  105.                         <div class="form-form-group"><input class="ym-record-keys white-placeholder" contenteditable="false" id="f2form-name" name="name" placeholder="Введите ваше имя" required="" type="text"></div>
  107.                         <div class="form-form-group"> <input class="phone ym-record-keys white-placeholder" contenteditable="false" id="f2form-phone" name="phone" placeholder="+7(900) 343-22-22" required="" type="tel" inputmode="text"></div>
  109.                         <div class="form-form-group"> <input class="companyTitle ym-record-keys white-placeholder suggestions-input" contenteditable="false" name="company" placeholder="Название организации" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" style="box-sizing: border-box;"><div class="suggestions-wrapper"><span class="suggestions-addon" data-addon-type="spinner" style="left: -54px; top: 0px; height: 54px; width: 54px;"></span><ul class="suggestions-constraints" style="left: -639px; top: 27px;"></ul><div class="suggestions-suggestions" style="position: absolute; display: none; left: -641px; top: 54px; width: 641px;"></div></div></div>
  110.                     </div>
  112.                     <div class="row mt25 mob-mt-0 ">
  113.                         <div class="col-xl-8 col-lg-8  order-2 order-xl-2 mt-3">
  114.                             <button class="btn-contrast btn-mob-block" type="button" data-bs-toggle="modal" data-bs-target="#smsModal">оставить&nbsp;заявку</button>
  115.                         </div>
  117.                         <div class="col-xl-8 mt15 errorMin  order-1 order-xl-1">
  118.                             <div style=" height: 100%; align-items: center;display: flex;"><input contenteditable="false" id="f2ch-form" name="ch-form" style="margin-right: 15px" type="checkbox"> <label for="f2ch-form" style="font-size: 10px; color: #858D92">Я подтверждаю, что прочитал и принял <a href="/policy" style="color: #F5F5F9">политику конфиденциальности КРМО</a></label></div>
  119.                         </div>
  120.                     </div>
  121.                 </form>
  122.             </div>
  123.         </div>
  124.     </div>
  125. </div>
  127. <div class="container mt100 wow fadeInUp" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
  128. <div class="row">
  129. <div class="col-xl-5 col-lg-4">
  130. <h2>Индустриальный<br>
  131. парк «Есипово»<br>
  132. с государственным участием</h2>
  134. <div class="mob-mt-35" style="margin-top: 75px">
  135. <p>Индустриальный парк «Есипово» – первый индустриальный<br>
  136. парк с государственным участием на территории<br>
  137. Московской области.</p>
  139. <p>Парк расположен в Солнечногорском районе и занимает<br>
  140. 284 Га земли промышленного назначения, обеспеченного<br>
  141. всеми инженерными коммуникациями, дорогами<br>
  142. и развязками.</p>
  144. <p>Парк призван способствовать развитию промышленности<br>
  145. и экономики региона, размещая на своей территории<br>
  146. средние и крупные предприятия.</p>
  148. <p class="mob-mt-35" style="margin-top: 45px"><a class="bottom" href="/project/1">Подробнее</a></p>
  149. </div>
  150. </div>
  152. <div class="col-xl-7 col-lg-8 mob-mt-35">
  153. <div class="img-with-bg" style="background: url('/upload/images/1702639950.jpg') no-repeat; height: 100%; background-size: cover">&nbsp;</div>
  154. </div>
  155. </div>
  157. <div class="row mt-big">
  158. <div class="col-xl-5 col-lg-4">
  159. <h2>Индустриальный<br>
  160. парк «Жуковский»<br>
  161. с государственным участием</h2>
  163. <div class="mob-mt-35" style="margin-top: 75px">
  164. <p>Индустриальный парк «Жуковский» – это динамично развивающееся пространство, спроектированное для бизнеса будущего.</p>
  166. <p>Индустриальный парк «Жуковский» – это динамично развивающееся пространство, спроектированное для бизнеса будущего. Индустриальный парк располагается в одноимённом городском округе Жуковский, Московской области в 24 км от МКАД и занимает 1 900 103 м² земли промышленного назвачения.</p>
  168. <p class="mob-mt-35" style="margin-top: 45px"><a class="bottom" href="/project/jukovskii">Подробнее</a></p>
  169. </div>
  170. </div>
  172. <div class="col-xl-7 col-lg-8 mob-mt-35">
  173. <div class="img-with-bg" style="background: url('/upload/images/1717488426.jpg') no-repeat; height: 100%; background-size: cover">&nbsp;</div>
  174. </div>
  175. </div>
  176. </div>
  178. <div class="bg-red mt100 wow fadeInUp" data-bootstrap-contains="containers" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
  179.     <div class="container">
  180.         <div class="row">
  181.             <div class="col-xl-4 col-lg-4">
  182.                 <h2>Преимущества<br>
  183.                     парка «Есипово»</h2>
  185.                 <p class="text-uppercase mt50 mob-mt-35">индустриальный парк №1<br>
  186.                     Московской области<br>
  187.                     по версии RGB</p>
  189.                 <div class="mt50  d-none d-sm-block"><a class="bottom" href="/project" style="font-size: 16px">Подробнее</a></div>
  191.                 <div class="mt50  d-none d-sm-block">
  192.                     <div><strong style="font-size: 18px">Скачать презентацию</strong></div>
  194.                     <div style="margin-top: 15px"><a class="bottom present" data-bs-target="#presentFormModal" data-bs-toggle="modal" href="#" style="font-size: 16px">«Есипово»</a></div>
  195.                 </div>
  196.             </div>
  198.             <div class="offset-xl-1 col-xl-6 col-lg-8 mt-3 mt-sm-0">
  199.                 <div class="row">
  200.                     <div class="col-xl-5 col-lg-3">
  201.                         <div class="itog_result">33 км</div>
  203.                         <div class="itog_result_title">до Москвы</div>
  204.                     </div>
  206.                     <div class="col-xl-7 col-lg-9">
  207.                         <div class="itog_result">20 мин.</div>
  209.                         <div class="itog_result_title">до аэропорта «Шереметьево»</div>
  210.                     </div>
  211.                 </div>
  213.                 <div class="itog_result mt25">Готовая инфраструктура</div>
  215.                 <div class="itog_result_title">газ, электроэнергия, вода, дороги, развязки</div>
  217.                 <div class="itog_result mt25">Ленинградское шоссе</div>
  219.                 <div class="itog_result_title">трасса М10</div>
  221.                 <div class="itog_result mt25">Рассрочка платежа</div>
  223.                 <div class="itog_result_title">гибкие финансовые условия</div>
  225.                 <div class="itog_result mt25">4,3 млрд</div>
  227.                 <div class="itog_result_title">вложения в инженерно-транспортную инфраструктуру</div>
  229.                 <div class="mt50 mob-mt-35 d-block d-lg-none"><a class="bottom" href="/project/1" style="font-size: 16px">Подробнее</a></div>
  231.                 <div class="mt50  mob-mt-35 d-block d-lg-none">
  232.                     <div><strong style="font-size: 18px">Скачать презентацию</strong></div>
  234.                     <div style="margin-top: 15px"><a class="bottom present" data-bs-target="#presentFormModal" data-bs-toggle="modal" href="#" style="font-size: 16px">«Есипово»</a></div>
  235.                 </div>
  236.             </div>
  237.         </div>
  238.     </div>
  239. </div>
  241. {{ include('new\\widgets\\index_news.html.twig') }}
  242. {{ include('new\\widgets\\index_partners.html.twig') }}
  244. {{ include('new/modals/price_index_modal_home.html.twig') }}
  245. {{ include('new/modals/price_index_modal_area.html.twig') }}
  246. {{ include('new/modals/sms_modal.html.twig') }}
  249. {% endblock %}
  252. {% block javascripts %}
  253.     {{ parent() }}
  254.     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  255.     <script>
  256.         $(document).ready(function (){
  258.             var chHome;
  260.             function graphHome(){
  261.                 // var json = [1000,2000,2000,3000,4000];
  262.                 var json = {{ indexPriceHomeElems | json_encode | raw }};
  263.                 var months = ['Январь','Февраль','Март', 'Апрель', 'Май', 'Июнь'];
  264.                 var ctx = document.getElementById('graphHome');
  266.                 if (chHome) {
  267.                     chHome.destroy();
  268.                 }
  270.                 chHome = new Chart(ctx, {
  271.                     type: 'line',
  272.                     data: {
  273.                         labels: months,
  274.                         datasets: [{
  275.                             label: '',
  276.                             data: json,
  277.                             borderColor: '#2E3D56',
  278.                             backgroundColor: '#2E3D56',
  279.                             borderWidth: 1
  280.                         }]
  281.                     },
  282.                     options: {
  283.                         plugins: {
  284.                             legend: {
  285.                                 display: false
  286.                             },
  287.                             // tooltip: false
  288.                         },
  289.                     }
  290.                 });
  292.             }
  293.             graphHome();
  295.             var chArea;
  297.             function graphArea(){
  298.                 // var json = [1000,2000,2000,3000,4000];
  299.                 var json = {{ indexPriceAreaElems | json_encode | raw }};
  300.                 var months = ['Январь','Февраль','Март', 'Апрель', 'Май', 'Июнь'];
  301.                 var ctx2 = document.getElementById('graphArea');
  303.                 if (chArea) {
  304.                     chArea.destroy();
  305.                 }
  307.                 chArea = new Chart(ctx2, {
  308.                     type: 'line',
  309.                     data: {
  310.                         labels: months,
  311.                         datasets: [{
  312.                             label: '',
  313.                             data: json,
  314.                             borderColor: '#2E3D56',
  315.                             backgroundColor: '#2E3D56',
  316.                             borderWidth: 1
  317.                         }]
  318.                     },
  319.                     options: {
  320.                         plugins: {
  321.                             legend: {
  322.                                 display: false
  323.                             },
  324.                             // tooltip: false
  325.                         },
  326.                     }
  327.                 });
  329.             }
  330.             graphArea();
  333.             var cj = false;
  334.             $(window).scroll(function (){
  335.                 var sc = $(window).scrollTop();
  336.                 if (sc > 1600 && cj == false){
  337.                     cj = true;
  338.                     $('.counter_j').each(function () {
  339.                         $(this).prop('Counter',0).animate({
  340.                             Counter: parseFloat($(this).text())
  341.                         }, {
  342.                             duration: 2000,
  343.                             easing: 'swing',
  344.                             step: function (now) {
  345.                                 $(this).text(Math.ceil(now));
  346.                             }
  347.                         });
  348.                     });
  349.                 }
  351.             })
  352.             var owlMain = $('#slider-main').owlCarousel({
  353.                 loop:true,
  354.                 margin:10,
  355.                 smartSpeed: 500,
  356.                 nav:false,
  357.                 dots:false,
  358.                 responsive: {
  359.                     0: {
  360.                         items: 1
  361.                     },
  362.                 }
  363.             });
  365.             $('.btn-preview').click(function (){
  366.                 owlMain.trigger('prev.owl.carousel');
  367.             });
  369.             $('.btn-next').click(function (){
  370.                 owlMain.trigger('next.owl.carousel');
  371.             })
  376.             var owlItog = $('#slider-itog').owlCarousel({
  377.                 loop:false,
  378.                 margin:10,
  379.                 smartSpeed: 500,
  380.                 nav:false,
  381.                 dots:false,
  382.                 rewindNav:false,
  383.                 touchDrag  : false,
  384.                 mouseDrag  : false,
  385.                 animateOut: 'fadeOutDownBig',
  386.                 animateIn: 'fadeInDownBig',
  387.                 responsive: {
  388.                     0: {
  389.                         items: 1
  390.                     },
  391.                 },
  393.             });
  396.             owlItog.on('changed.owl.carousel', function(event) {
  397.                 $('.counter_j').each(function () {
  398.                     var th = $(this);
  399.                     $(th).stop().prop('Counter',0).animate({
  400.                         Counter: parseFloat($(th).attr('data-count'))
  401.                     }, {
  402.                         duration: 2000,
  403.                         easing: 'swing',
  404.                         step: function (now) {
  405.                             $(th).text(Math.ceil(now));
  406.                         }
  407.                     });
  408.                 });
  410.                 setTimeout(function (){
  411.                     $('.index-itog .arrows-number').html($('.owl-item.active .itog_year').text());
  412.                 }, 400);
  413.             })
  415.             var owlReviews = $('#reviews-slider').owlCarousel({
  416.                 loop:true,
  417.                 margin:10,
  418.                 smartSpeed: 500,
  419.                 nav:false,
  420.                 dots:false,
  421.                 responsive: {
  422.                     0: {
  423.                         items: 1
  424.                     },
  425.                 }
  426.             });
  428.             $('.btn-itog-preview').click(function (){
  429.                 if ($(this).attr('src') == '/assets/images/new/icon_arr_left_white.svg'){
  430.                     owlItog.trigger('next.owl.carousel');
  431.                     $('.btn-itog-next').attr('src', '/assets/images/new/icon_arr_right_white.svg');
  432.                     setTimeout(function (){
  433.                         if ( $('#slider-itog .owl-item').eq(($('#slider-itog .owl-item').length-1)).hasClass('active') ){
  434.                             $('.btn-itog-preview').attr('src', '/assets/images/new/icon_arr_left_gray.svg');
  435.                         }
  436.                     },300);
  437.                 }
  439.             });
  441.             $('.btn-itog-next').click(function (){
  442.                 if ($(this).attr('src') == '/assets/images/new/icon_arr_right_white.svg'){
  443.                     owlItog.trigger('prev.owl.carousel');
  444.                     $('.btn-itog-preview').attr('src', '/assets/images/new/icon_arr_left_white.svg');
  445.                     setTimeout(function (){
  446.                         if ( $('#slider-itog .owl-item').eq(0).hasClass('active') ){
  447.                             $('.btn-itog-next').attr('src', '/assets/images/new/icon_arr_right_gray.svg');
  448.                         }
  449.                     },300);
  450.                 }
  451.             })
  454.             $('.btn-review-preview').click(function (){
  455.                 owlReviews.trigger('prev.owl.carousel');
  456.             });
  458.             $('.btn-review-next').click(function (){
  459.                 owlReviews.trigger('next.owl.carousel');
  460.             })
  463.             $('.select-circle').click(function (){
  464.                 // $(this).toggleClass('active');
  465.             })
  467.             $('.modal-content form').submit(function (){
  468.                 $(this).find('button[type="submit"]').attr('disabled','disabled');
  469.             })
  471.         })
  472.     </script>
  473. {% endblock %}