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

Open in your IDE?
  1. {% extends 'new/base.html.twig' %}
  3. {% block title %}{{ page.seoTitle | raw }}{% endblock %}
  4. {% block seoDescription %}{{ page.seoDescription | raw }}{% endblock %}
  6. {% block opengraph %}
  7.     <meta property="og:type" content="website">
  8.     <meta property="og:url" content="https://mosregco.ru{{ app.request.pathInfo }}">
  9.     <meta property="og:title" content="{{ page.seoTitle | raw }}">
  10.     <meta property="og:description" content="{{ page.seoDescription | raw }}">
  11. {% endblock %}
  13. {% block stylesheets %}
  14.     {{ parent() }}
  15.     <style>
  16.         .itog_result{
  17.             font-size: 80px;
  18.         }
  19.         .itog_result, .itog_result *{
  20.             color: #2C448F !important;
  21.             line-height: 100%;
  22.         }
  23.         .fs-73{
  24.             font-size: 73px;
  25.         }
  26.         @media (max-width: 768px){
  27.             .fs-73{
  28.                 font-size: 30px;
  29.             }
  30.             .place{
  31.                 background-position-x: 55% !important;
  32.                 background-size: cover !important;
  33.             }
  34.             .big-slider .project-title {
  35.                 margin-top: 75px;
  36.             }
  37.             .slider-img{
  38.                 object-fit: cover;
  39.                 height: 365px;
  40.             }
  41.         }
  42.         h1{
  43.             color: #2C448F !important;
  44.         }
  45.     </style>
  46. {% endblock %}
  48. {% block body %}
  51.     {% for bb in pageBlocks %}
  52.         <div id="bl{{ bb.block.id }}" data-name="{{bb.block.name}}">
  53.             {% if bb.block.name != "korolev_contacts" %}
  54.                 {% if bb.block.module == false %}
  55.                     {{ blocks[bb.block.name].content | raw  }}
  56.                 {% else %}
  57.                     {{ include('new\\widgets\\'~bb.block.name~'.html.twig') }}
  58.                 {% endif %}
  59.             {% else %}
  60.                 <div class="bg-white mt-big  wow fadeInUp">
  61.                   <div class="container">
  62.                     <div class="row">
  63.                       <div class="col-xl-5 col-lg-4">
  64.                         <h2>Контакты</h2>
  65.                       </div>
  66.                       <div class="col-xl-6 col-lg-8">
  67.                         <div class="row">
  68.                           <div class="col-lg-7">
  69.                             <div style="color: #7C8993;font-size: 16px;font-family: IBM Plex Sans;line-height: 147%;letter-spacing: 0.32px;">Офис</div>
  70.                             <div class="mt15" style="font-size: 18px;font-family: IBM Plex Sans;font-weight: 600;line-height: 130%;letter-spacing: 0.18px;">Гаражный тупик, 3, стр. 10,<br>микрорайон Юбилейный, Королёв</div>
  71.                           </div>
  72.                           <div class="col-lg-5">
  73.                             <div style="color: #7C8993;font-size: 16px;font-family: IBM Plex Sans;line-height: 147%;letter-spacing: 0.32px;">Телефон</div>
  74.                             <div class="mt15" style="font-size: 18px;font-family: IBM Plex Sans;font-weight: 600;line-height: 130%;letter-spacing: 0.18px;">+7 (499) 350-65-80<br>a.suvorova@mosregco.ru</div>
  75.                           </div>
  76.                         </div>
  77.                       </div>
  78.                     </div>
  79.                   </div>
  80.                 </div>
  81.             {% endif %}
  82.         </div>
  83.     {% endfor %}
  86.     {% if 1==2 %}
  87.     <div background-size class="big-slider  wow fadeInUp" contain="" style="padding-top: 0; height: auto">
  88.         <div data-bootstrap-contains="containers">
  89.             <img src="{{ asset('assets/images/korolev/slider_2.png') }}" style="width: 100%">
  90.             <div class="container">
  91.                 <div class="project-title">
  92.                     <h1>Технопарк<br />
  93.                         «Королев»</h1>
  94.                     <div class="mt75">
  95.                         <a href="#" class="btn btn-black">Оставить заявку</a>
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.         </div>
  100.     </div>
  103.     <div class="bg-white mt-big  wow fadeInUp">
  104.         <div class="container">
  105.             <div class="row">
  106.                 <div class="col-lg-5">
  107.                     <h2>О Парке</h2>
  109.                 </div>
  110.                 <div class="col-lg-6">
  111.                     <p class="text-uppercase" style="font-size: 24px;font-family: IBM Plex Sans;font-weight: 300;line-height: 140%;letter-spacing: -0.48px;text-transform: uppercase;">Технопарк «Королев»<br /> — парк с государственным участием </p>
  112.                     <div class="row mt50">
  113.                         <div class="col-lg-5">
  114.                             <div class="itog_result">8 <span style="font-size: 32px">Га</span></div>
  115.                             <div class="itog_result_title">общая площадь </div>
  116.                         </div>
  117.                         <div class="col-lg-7">
  118.                             <div class="itog_result">24/7</div>
  119.                             <div class="itog_result_title">допуск на территорию парка</div>
  120.                         </div>
  121.                     </div>
  122.                     <div class="row mt25">
  123.                         <div class="col-lg-8">
  124.                             <div class="itog_result">450 <span style="font-size: 32px">м<sup>2</sup></span></div>
  125.                             <div class="itog_result_title">свободная площадь </div>
  126.                         </div>
  127.                     </div>
  128.                     <div class="row mt25">
  129.                         <div class="col-lg-8">
  130.                             <div class="itog_result">436 <span style="font-size: 32px">руб./м<sup>2</sup></span></div>
  131.                             <div class="itog_result_title">арендная ставка в месяц </div>
  132.                         </div>
  133.                     </div>
  135.                     <div class="row mt25">
  136.                         <div class="col-lg-12">
  137.                             <div class="itog_result fs-73" style="">Все коммуникации</div>
  138.                             <div class="itog_result_title">инженерные сети — городского округа “Королев”</div>
  139.                         </div>
  141.                     </div>
  143.                 </div>
  144.             </div>
  145.         </div>
  146.     </div>
  148.     <div class="mt-big wow fadeInUp" data-bootstrap-contains="containers" style="visibility: visible; animation-name: fadeInUp;">
  149.         <div class="container" style="position:relative">
  150.             <div style="position:absolute; top: 54px; left: 15px; z-index: 50">
  151.                 <h2 class="mt50">Расположение</h2>
  153.                 <p class="mt25">Технопарк “Королев” <strong>расположен в 13 километрах<br />
  154.                     от Москвы</strong>, в центре крупного города с<br />
  155.                     квалифицированным кадровым ресурсом.</p>
  156.             </div>
  157.         </div>
  159.             <div class="place " style=" background: url('/assets/images/korolev/frame.svg'); height: 607px;background-size: contain;background-position: center;background-repeat: no-repeat;">
  160.                 <div id="play-btn"><a data-fancybox="" data-href="http://panorama.mosregco.ru/" data-type="iframe" href="https://panorama.mosregco.ru/">
  161.                     </a>
  162.                 </div>
  163.             </div>
  164.     </div>
  166.     <div class="bg-white mt-big  wow fadeInUp">
  167.         <div class="container">
  168.             <div class="row">
  169.                 <div class="col-lg-5">
  170.                     <h2>Резиденты парка</h2>
  172.                 </div>
  173.                 <div class="col-lg-6">
  174.                     <img src="/assets/images/korolev/residents2.png" style="max-width: 700px; width: 100%">
  176.                 </div>
  177.             </div>
  178.         </div>
  179.     </div>
  181.     <div class="bg-white mt-big  wow fadeInUp">
  182.         <div class="container">
  183.             <div class="row">
  184.                 <div class="col-lg-5">
  185.                     <h2>Контакты</h2>
  187.                 </div>
  188.                 <div class="col-lg-6">
  189.                     <div class="row">
  190.                         <div class="col-lg-7">
  191.                             <div style="color: #7C8993;font-size: 16px;font-family: IBM Plex Sans;line-height: 147%;letter-spacing: 0.32px;">
  192.                                 Офис
  193.                             </div>
  194.                             <div class="mt15" style="font-size: 18px;font-family: IBM Plex Sans;font-weight: 600;line-height: 130%;letter-spacing: 0.18px;">
  195.                                 Гаражный тупик, 3, стр. 10,<br />
  196.                                 микрорайон Юбилейный, Королёв
  197.                             </div>
  198.                         </div>
  199.                         <div class="col-lg-5">
  200.                             <div style="color: #7C8993;font-size: 16px;font-family: IBM Plex Sans;line-height: 147%;letter-spacing: 0.32px;">
  201.                                 Телефон</div>
  202.                             <div class="mt15" style="font-size: 18px;font-family: IBM Plex Sans;font-weight: 600;line-height: 130%;letter-spacing: 0.18px;">
  203.                                 +7 (495) 989 57 66<br />
  204.                                 a.suvorova@mosregco.ru
  205.                             </div>
  206.                         </div>
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         </div>
  211.     </div>
  213.     {% endif %}
  214.     {{ include('new/widgets/project_map_2.html.twig') }}
  217.     <div class="bg-black  wow fadeInUp" data-bootstrap-contains="containers" data-wow-delay="0.5s" id="area-block" style="margin-bottom: -100px">
  218.         <div class="container">
  219.             <div class="row">
  220.                 <div class="col-md-5" style="    align-items: center;display: flex;">
  221.                     <div>
  222.                         <h2>Не подошел<br />технопарк<br /> “Королев”?</h2>
  223.                         <p class="mt50 mob-mt-35">АО “Корпорация развития Московской области”<br />
  224.                             бесплатно подберет площадку для реализации<br />проекта на территории МО</p>
  225.                     </div>
  226.                 </div>
  227.                 <div class="col-md-7">
  228.                     <form action="/order/area/send" id="form-area-2" method="POST">
  229.                         <input type="hidden" name="pr" value="1">
  230.                         <div style="margin-top: 50px">
  231.                             <div class="form-form-group">
  232. {#                                <label>Имя</label>#}
  233.                                 <input id="f2form-name" class=" ym-record-keys  white-placeholder" data-cke-saved-name="name" name="name" placeholder="Введите ваше имя" required="" type="text" data-cke-editable="1" contenteditable="false"></div>
  234.                             <div class="form-form-group">
  235. {#                                <label>Телефон</label> #}
  236.                                 <input class="phone  ym-record-keys  white-placeholder" id="f2form-phone" data-cke-saved-name="phone" name="phone" placeholder="+7(900) 343-22-22" required="" type="tel" data-cke-editable="1" contenteditable="false"></div>
  238.                             <div class="form-form-group">
  239.                                 <input class="companyTitle ym-record-keys white-placeholder" contenteditable="false" name="company" placeholder="Название организации" type="text">
  240.                             </div>
  241.                         </div>
  242.                         <div class="row mt50 mob-mt-0 " >
  243.                             <div class="col-xl-4 col-lg-8  order-2 order-xl-1 mob-mt-35 mt-xl-0">
  244.                                 <button class="btn-contrast btn-mob-block" type="submit">оставить&nbsp;заявку</button>
  245.                             </div>
  247.                             <div class="col-xl-8 mt15 errorMin  order-1 order-xl-2">
  248.                                 <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>
  249.                             </div>
  250.                         </div>
  252. {#                        <div class="row mob-mt-15" style="margin-top: 50px">#}
  253. {#                            <div class="col-md-4"><button class="btn-contrast" type="submit">оставить&nbsp;заявку</button></div>#}
  254. {#                            <div class="col-md-8 errorMin">#}
  255. {#                                <div style=" height: 100%; align-items: center;display: flex;"><input id="f2ch-form" data-cke-saved-name="ch-form" name="ch-form" style="margin-right: 15px" type="checkbox" data-cke-editable="1" contenteditable="false"> <label for="f2ch-form" style="font-size: 10px; color: #858D92">Я подтверждаю, что прочитал и принял <a data-cke-saved-href="{{ path('app_index_page', {'slug' : 'policy'}) }}" href="{{ path('app_index_page', {'slug' : 'policy'}) }}" style="color: #F5F5F9">политику конфиденциальности КРМО</a></label></div>#}
  256. {#                            </div>#}
  257. {#                        </div>#}
  258.                     </form>
  259.                 </div>
  260.             </div>
  261.         </div>
  262.     </div>
  263. {% endblock %}
  266. {% block javascripts %}
  267. {{ parent() }}
  268.     <script>
  269.         ymaps.ready(function () {
  270.             var myMap = new ymaps.Map('mapapi', {
  271.                     center: [55.941077, 37.849562],
  272.                     zoom: 11
  273.                 }, {
  274.                     searchControlProvider: false
  275.                 }),
  277.                 // Создаём макет содержимого.
  278.                 MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
  279.                     '<div style="color: #FFFFFF; font-weight: bold;">111</div>'
  280.                 ),
  282.                 myPlacemark = new ymaps.Placemark([55.941077, 37.849562], {
  283.                     hintContent: 'Технопарк «королев»',
  284.                     balloonContent: ' Гаражный тупик, 3, стр. 10, микрорайон Юбилейный, Королёв'
  285.                 }, {
  286.                     // Опции.
  287.                     // Необходимо указать данный тип макета.
  288.                     iconLayout: 'default#image',
  289.                     // Своё изображение иконки метки.
  290.                     iconImageHref: '/assets/images/korolev/geo-alt-fill.svg',
  291.                     // Размеры метки.
  292.                     iconImageSize: [60, 60],
  293.                     // Смещение левого верхнего угла иконки относительно
  294.                     // её "ножки" (точки привязки).
  295.                     iconImageOffset: [-30, -70]
  296.                 })
  299.             myMap.geoObjects
  300.                 .add(myPlacemark);
  301.         });
  302.     </script>
  303. {% endblock %}