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 }}">
  53.             {% if bb.block.module == false %}
  54.                 {{ blocks[bb.block.name].content | raw  }}
  55.             {% else %}
  56.                 {{ include('new\\widgets\\'~bb.block.name~'.html.twig') }}
  57.             {% endif %}
  58.         </div>
  59.     {% endfor %}
  62.     {% if 1==2 %}
  63.     <div background-size class="big-slider  wow fadeInUp" contain="" style="padding-top: 0; height: auto">
  64.         <div data-bootstrap-contains="containers">
  65.             <img src="{{ asset('assets/images/korolev/slider_2.png') }}" style="width: 100%">
  66.             <div class="container">
  67.                 <div class="project-title">
  68.                     <h1>Технопарк<br />
  69.                         «Королев»</h1>
  70.                     <div class="mt75">
  71.                         <a href="#" class="btn btn-black">Оставить заявку</a>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.     </div>
  79.     <div class="bg-white mt-big  wow fadeInUp">
  80.         <div class="container">
  81.             <div class="row">
  82.                 <div class="col-lg-5">
  83.                     <h2>О Парке</h2>
  85.                 </div>
  86.                 <div class="col-lg-6">
  87.                     <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>
  88.                     <div class="row mt50">
  89.                         <div class="col-lg-5">
  90.                             <div class="itog_result">8 <span style="font-size: 32px">Га</span></div>
  91.                             <div class="itog_result_title">общая площадь </div>
  92.                         </div>
  93.                         <div class="col-lg-7">
  94.                             <div class="itog_result">24/7</div>
  95.                             <div class="itog_result_title">допуск на территорию парка</div>
  96.                         </div>
  97.                     </div>
  98.                     <div class="row mt25">
  99.                         <div class="col-lg-8">
  100.                             <div class="itog_result">450 <span style="font-size: 32px">м<sup>2</sup></span></div>
  101.                             <div class="itog_result_title">свободная площадь </div>
  102.                         </div>
  103.                     </div>
  104.                     <div class="row mt25">
  105.                         <div class="col-lg-8">
  106.                             <div class="itog_result">436 <span style="font-size: 32px">руб./м<sup>2</sup></span></div>
  107.                             <div class="itog_result_title">арендная ставка в месяц </div>
  108.                         </div>
  109.                     </div>
  111.                     <div class="row mt25">
  112.                         <div class="col-lg-12">
  113.                             <div class="itog_result fs-73" style="">Все коммуникации</div>
  114.                             <div class="itog_result_title">инженерные сети — городского округа “Королев”</div>
  115.                         </div>
  117.                     </div>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.     </div>
  124.     <div class="mt-big wow fadeInUp" data-bootstrap-contains="containers" style="visibility: visible; animation-name: fadeInUp;">
  125.         <div class="container" style="position:relative">
  126.             <div style="position:absolute; top: 54px; left: 15px; z-index: 50">
  127.                 <h2 class="mt50">Расположение</h2>
  129.                 <p class="mt25">Технопарк “Королев” <strong>расположен в 13 километрах<br />
  130.                     от Москвы</strong>, в центре крупного города с<br />
  131.                     квалифицированным кадровым ресурсом.</p>
  132.             </div>
  133.         </div>
  135.             <div class="place " style=" background: url('/assets/images/korolev/frame.svg'); height: 607px;background-size: contain;background-position: center;background-repeat: no-repeat;">
  136.                 <div id="play-btn"><a data-fancybox="" data-href="http://panorama.mosregco.ru/" data-type="iframe" href="https://panorama.mosregco.ru/">
  137.                     </a>
  138.                 </div>
  139.             </div>
  140.     </div>
  142.     <div class="bg-white mt-big  wow fadeInUp">
  143.         <div class="container">
  144.             <div class="row">
  145.                 <div class="col-lg-5">
  146.                     <h2>Резиденты парка</h2>
  148.                 </div>
  149.                 <div class="col-lg-6">
  150.                     <img src="/assets/images/korolev/residents2.png" style="max-width: 700px; width: 100%">
  152.                 </div>
  153.             </div>
  154.         </div>
  155.     </div>
  157.     <div class="bg-white mt-big  wow fadeInUp">
  158.         <div class="container">
  159.             <div class="row">
  160.                 <div class="col-lg-5">
  161.                     <h2>Контакты</h2>
  163.                 </div>
  164.                 <div class="col-lg-6">
  165.                     <div class="row">
  166.                         <div class="col-lg-7">
  167.                             <div style="color: #7C8993;font-size: 16px;font-family: IBM Plex Sans;line-height: 147%;letter-spacing: 0.32px;">
  168.                                 Офис
  169.                             </div>
  170.                             <div class="mt15" style="font-size: 18px;font-family: IBM Plex Sans;font-weight: 600;line-height: 130%;letter-spacing: 0.18px;">
  171.                                 Гаражный тупик, 3, стр. 10,<br />
  172.                                 микрорайон Юбилейный, Королёв
  173.                             </div>
  174.                         </div>
  175.                         <div class="col-lg-5">
  176.                             <div style="color: #7C8993;font-size: 16px;font-family: IBM Plex Sans;line-height: 147%;letter-spacing: 0.32px;">
  177.                                 Телефон</div>
  178.                             <div class="mt15" style="font-size: 18px;font-family: IBM Plex Sans;font-weight: 600;line-height: 130%;letter-spacing: 0.18px;">
  179.                                 +7 (495) 989 57 66<br />
  180.                                 a.suvorova@mosregco.ru
  181.                             </div>
  182.                         </div>
  183.                     </div>
  184.                 </div>
  185.             </div>
  186.         </div>
  187.     </div>
  189.     {% endif %}
  190.     {{ include('new/widgets/project_map_2.html.twig') }}
  193.     <div class="bg-black  wow fadeInUp" data-bootstrap-contains="containers" data-wow-delay="0.5s" id="area-block" style="margin-bottom: -100px">
  194.         <div class="container">
  195.             <div class="row">
  196.                 <div class="col-md-5" style="    align-items: center;display: flex;">
  197.                     <div>
  198.                         <h2>Не подошел<br />технопарк<br /> “Королев”?</h2>
  199.                         <p class="mt50 mob-mt-35">АО “Корпорация развития Московской области”<br />
  200.                             бесплатно подберет площадку для реализации<br />проекта на территории МО</p>
  201.                     </div>
  202.                 </div>
  203.                 <div class="col-md-7">
  204.                     <form action="/order/area/send" id="form-area-2" method="POST">
  205.                         <input type="hidden" name="pr" value="1">
  206.                         <div style="margin-top: 50px">
  207.                             <div class="form-form-group">
  208. {#                                <label>Имя</label>#}
  209.                                 <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>
  210.                             <div class="form-form-group">
  211. {#                                <label>Телефон</label> #}
  212.                                 <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>
  214.                             <div class="form-form-group">
  215.                                 <input class="companyTitle ym-record-keys white-placeholder" contenteditable="false" name="company" placeholder="Название организации" type="text">
  216.                             </div>
  217.                         </div>
  218.                         <div class="row mt50 mob-mt-0 " >
  219.                             <div class="col-xl-4 col-lg-8  order-2 order-xl-1 mob-mt-35 mt-xl-0">
  220.                                 <button class="btn-contrast btn-mob-block" type="submit">оставить&nbsp;заявку</button>
  221.                             </div>
  223.                             <div class="col-xl-8 mt15 errorMin  order-1 order-xl-2">
  224.                                 <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>
  225.                             </div>
  226.                         </div>
  228. {#                        <div class="row mob-mt-15" style="margin-top: 50px">#}
  229. {#                            <div class="col-md-4"><button class="btn-contrast" type="submit">оставить&nbsp;заявку</button></div>#}
  230. {#                            <div class="col-md-8 errorMin">#}
  231. {#                                <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>#}
  232. {#                            </div>#}
  233. {#                        </div>#}
  234.                     </form>
  235.                 </div>
  236.             </div>
  237.         </div>
  238.     </div>
  239. {% endblock %}
  242. {% block javascripts %}
  243. {{ parent() }}
  244.     <script>
  245.         ymaps.ready(function () {
  246.             var myMap = new ymaps.Map('mapapi', {
  247.                     center: [55.941077, 37.849562],
  248.                     zoom: 11
  249.                 }, {
  250.                     searchControlProvider: false
  251.                 }),
  253.                 // Создаём макет содержимого.
  254.                 MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
  255.                     '<div style="color: #FFFFFF; font-weight: bold;">111</div>'
  256.                 ),
  258.                 myPlacemark = new ymaps.Placemark([55.941077, 37.849562], {
  259.                     hintContent: 'Технопарк «королев»',
  260.                     balloonContent: ' Гаражный тупик, 3, стр. 10, микрорайон Юбилейный, Королёв'
  261.                 }, {
  262.                     // Опции.
  263.                     // Необходимо указать данный тип макета.
  264.                     iconLayout: 'default#image',
  265.                     // Своё изображение иконки метки.
  266.                     iconImageHref: '/assets/images/korolev/geo-alt-fill.svg',
  267.                     // Размеры метки.
  268.                     iconImageSize: [60, 60],
  269.                     // Смещение левого верхнего угла иконки относительно
  270.                     // её "ножки" (точки привязки).
  271.                     iconImageOffset: [-30, -70]
  272.                 })
  275.             myMap.geoObjects
  276.                 .add(myPlacemark);
  277.         });
  278.     </script>
  279. {% endblock %}