templates/publicPages/about.html.twig line 1

Open in your IDE?
  1. {% extends 'main.html.twig' %}
  3. {% block title %}{{ controller_name }}{% endblock %}
  5. {% block header_additional_style %}
  6. {{ parent() }}
  7. <style>
  8.     :root .main-content__about {
  9.         --orange: rgba(195, 152, 107, 1);
  10.         --gold: #C3986B;
  11.         --white: rgba(255, 255, 255, 1);
  12.         --gray: rgba(211, 214, 216, 1);
  13.         --black: rgba(0, 0, 0, 1);
  14.         --blue: rgba(19, 47, 61, 1);
  15.         --fs-default: 16px;
  16.         --fs-small: 12px;
  17.     }
  19.     .body__gray { background: #f6f6f6; }
  20.     .main-content__about { background: #f6f6f6; width: 1214px; font-size: 16px; margin: auto; padding-top: 150px; }
  21.     .main-content__about .main-content-inner {  }
  22.     .main-content__about .title { text-transform: uppercase; color: var(--blue); font-family: Stixt, sans-serif}
  23.     .main-content__about h1.title, .main-content__about h2.title { font-size: 4.5rem; }
  24.     .main-content__about h3.title { font-size: 2.3rem; }
  25.     .main-content__about .title__center { text-align: center; }
  26.     .main-content__about .title__space { padding: 2rem 0rem; }
  27.     .main-content__about .bg_white { background: var(--white); }
  28.     .main-content__about .btn { border: solid 1px var(--gold); color: var(--gold); background: none; font: 600 2rem/1.375 Stixt, sans-serif }
  29.     .main-content__about .btn:hover { background: none; }
  30.     .main-content__about .blocks { display: inline-flex; flex-wrap: wrap; width: 100%; }
  31.     .main-content__about .blocks-comment { padding: 1rem 0; color: var(--black); }
  32.     .main-content__about .block__width-100 { width: 100%; }
  33.     .main-content__about .block__width-50 { width: 50%; }
  34.     .main-content__about .block__width-66 { width: 66.667%; }
  35.     .main-content__about .block__width-40 { width: 40%; }
  36.     .main-content__about .block__width-33 { width: 33.333%; }
  37.     .main-content__about .block__width-25 { width: 25%; }
  38.     .main-content__about .block__width-20 { width: 20%; }
  39.     .main-content__about .block__border__bold { border-width: 5px !important; }
  40.     .main-content__about .block__border-top { border-top: 1px solid var(--gray); }
  41.     .main-content__about .block__border-bottom { border-bottom: 1px solid var(--gray); }
  42.     .main-content__about .block__border-right { border-right: 1px solid var(--gray); }
  43.     .main-content__about .block__align-content-bottom { align-content: end; }
  44.     .main-content__about .block-content { padding: 3rem; var(--fs-default); width: 100%; height: 100%; }
  45.     .main-content__about .badge { font-size: var(--fs-default); padding: .5rem; display: inline-block; margin-bottom: 1rem; }
  46.     .main-content__about .badge__orange { background: rgba(195, 152, 107, 1); color: var(--blue);  }
  47.     .main-content__about .badge__white { background: none; color: var(--gold); border: solid 1px var(--gold); }
  48.     .main-content__about .small { font-size: var(--fs-small); }
  49.     .main-content__about .bold { font-weight: bold; }
  50.     .main-content__about .block-content__form .fields { display: inline-flex; flex-wrap: wrap; width: 100%; }
  51.     .main-content__about .block-content__form .fields .field { display: flex; flex-direction: column; justify-content: end; width: 33.333%; padding: 0 .25rem; }
  52.     .main-content__about .block-content__form .fields .field:first-child { padding-left: 0; }
  53.     .main-content__about .block-content__form .fields .field:last-child { padding-right: 0; }
  54.     .main-content__about .block-content__form .fields .field label { display: block; margin-bottom: .25rem; }
  55.     .main-content__about .block-content__form .fields .field input { padding: 20px 24px; box-sizing: border-box; line-height: 1.5; width: 100%; border: 1px solid #132f3d; background: none; }
  56.     .main-content__about .block-content__form .fields .field button { padding: 20px 24px; background: none; color: #C3986B; border: solid 1px #C3986B; }
  57.     .main-content__about .block-content__form .fields .field input,
  58.     .main-content__about .block-content__form .fields .field button { height: 60px; }
  59.     .main-content__about .block-content__form .acceptance { display: flex; justify-content: end; padding: 1rem 0; }
  60.     .main-content__about .block-content__form .acceptance .field { width: 33.333%; padding: 0 .25rem; }
  61.     .main-content__about .block-content__form .acceptance .field__accept { display: flex; align-items: start; }
  62.     .main-content__about .block-content__form .acceptance .field__accept label { font-size: 12px; padding-left: 2.25rem; }
  63.     .main-content__about .tech-stach-list { display: flex; width: 100%; justify-content: space-between; }
  65.     @media screen and (max-width:1250px) {
  66.         .main-content__about { width: 1000px;  }
  67.     }
  68.     @media screen and (max-width:1050px) {
  69.         .main-content__about { width: 850px;  }
  70.     }
  71.     @media screen and (max-width:900px) {
  72.         .main-content__about { width: 95%; font-size: 14px; }
  73.         .main-content__about .block__width-100,
  74.         .main-content__about .block__width-66,
  75.         .main-content__about .block__width-50,
  76.         .main-content__about .block__width-40,
  77.         .main-content__about .block__width-33,
  78.         .main-content__about .block__width-25,
  79.         .main-content__about .block__width-20 { width: 100%; }
  80.     }
  81.     @media screen and (max-width:550px) {
  82.         .main-content__about .block-content__form .fields .field { width: 100%; margin: 1rem 0;}
  83.         .main-content__about .block-content__form .acceptance .field { width: 100%; }
  84.         .main-content__about .tech-stach-list { display: block; }
  85.         .main-content__about .tech-stach-list>div { margin-bottom: 1rem; }
  86.         .main-content__about h1.title,
  87.         .main-content__about h2.title { font-size: 2.5rem; }
  88.     }
  89. </style>
  90. {% endblock %}
  92. {% block footer_additional_javascript %}
  93. {{ parent() }}
  95. <script>
  96.     $(function() {
  97.         const phoneInput = $('input[name="phone"]');
  98.         const nameInput  = $('input[name="name"]');
  100.         phoneInput.inputmask({"mask": "+7 999-999-9999"});
  102.         $('.main-content__about .block-content__form form').submit(function() {
  103.             event.preventDefault();
  104.             const data = {
  105.                 phone: phoneInput.val(),
  106.                 name:  nameInput.val(),
  107.             };
  108.             if (!phoneInput.inputmask("isComplete")) {
  109.                 $.notify("Введите корректный номер телефона", "error");
  110.                 return;
  111.             }
  112.             sendMessageToAdmin(data, function() {
  113.                 $.notify("Ваше сообщение доставлено!", "success");
  114.             });
  115.         });
  116.     });
  117. </script>
  118. {% endblock %}
  122. {% block body_class %}{{ parent() }} body__gray {% endblock %}
  123. {% block body_header_class %}{{ parent() }}{% endblock %}
  124. {% block body_header_content %}
  125.     <div style="background-color: rgba(19, 47, 61);">
  126.         {{ parent() }}
  127.     </div>
  128. {% endblock %}
  129. {% block body_main_class %}{{parent()}} main-content main-content__about{% endblock %}
  131. {% block body %}
  133.     <div class="main-content-inner">
  134.         <h1 class="title title__center title__space">О компании</h1>
  136.         <!-- -->
  137.         <div class="bg_white">
  138.             <div class="blocks">
  139.                 <div class="block block__width-100 block__border-bottom">
  140.                     <div class="block-content">
  141.                         <h4>КОНТАКТНАЯ ИНФОРМАЦИЯ:</h4>
  142.                         <p>ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ «ЭКСПЕРТНО-ПРАВОВОЕ АГЕНТСТВО» (сокращенное наименование: ООО «ЭПА»)</p>
  143.                         <br />
  145.                         <p>Юридический и почтовый адрес для направления корреспонденции: 109472, г. Москва, Ташкентская ул., д. 29А, ОГРН: 1217800156606, ИНН: 7804687315, КПП: 772101001.
  146.                         Основой деятельностью Общества является разработка компьютерного программного обеспечения (ОКВЭД 62.01). Генеральный директор: Глек Дмитрий Владимирович</p>
  148.                         <br/>
  149.                         <h4>ОФИЦИАЛЬНЫЕ КАНАЛЫ СВЯЗИ:</h4>
  150.                         <p>{{ siteGlobals.globals.contactPhone }} (с 07:00 до 19:00 по Московскому времени), {{ siteGlobals.globals.contactEmail }}</p>
  151.                     </div>
  152.                 </div>
  153.                 <div class="block block__width-100 block__border-bottom">
  154.                     <div class="block-content">
  155.                         <p>ООО «ЭПА» осуществляет деятельность в области информационных технологий (ИТ) в соответствии с кодом 2.01 согласно Перечню видов деятельности
  156.                         в области информационных технологий, утв. Приказом Минцифры России от 11.05.2023 г. № 449 «Об утверждении перечня видов деятельности в области информационных технологий»
  157.                         предоставляя удалённый доступ к программе для ЭВМ (включая обновления и изменения) посредством информационно-телекоммуникационной сети «Интернет»
  158.                         через личный кабинет на сайте <a href="https://online-ocenka.ru/">https://online-ocenka.ru/</a></p>
  159.                     </div>
  160.                 </div>
  162.                 <div class="block block__width-100 block__border-bottom">
  163.                     <div class="block-content">
  164.                         <p>ООО «ЭПА» было зарегистрировано 11 октября 2021 г. Создавая компанию учредители преследовали цель разработать профильный сервис для нотариусов и их клиентов, который бы решал сразу несколько задач:</p>
  165.                     </div>
  166.                 </div>
  167.             </div>
  169.             <div class="blocks">
  170.                 <div class="block__width-50 block__border-bottom block__border-right">
  171.                     <div class="block-content ">
  172.                         <span class="badge badge__orange">01 — 04</span>
  173.                         <p>Упрощение, а равно ускорение совершения нотариальных действий, поскольку время — самый главный ресурс (снижение издержек для конечного потребителя);</p>
  174.                     </div>
  175.                 </div>
  176.                 <div class="block__width-50 block__border-bottom">
  177.                     <div class="block-content ">
  178.                         <span class="badge badge__orange">02 — 04</span>
  179.                         <p>Функционал сервиса должен удовлетворять различным категориям запросов: получение наследства, раздел имущества между бывшими супругами, договор купли — продажи недвижимости или транспортного средства и т.д., оценка в органы опеки и попечительства и ряд других.</p>
  180.                     </div>
  181.                 </div>
  182.                 <div class="block__width-50 block__border-bottom block__border-right">
  183.                     <div class="block-content ">
  184.                         <span class="badge badge__orange">03 — 04</span>
  185.                         <p>Хранение всех сведений о результатах оценок клиентов нотариуса в одном месте;</p>
  186.                     </div>
  187.                 </div>
  188.                 <div class="block__width-50 block__border-bottom ">
  189.                     <div class="block-content ">
  190.                         <span class="badge badge__orange">04 — 04</span>
  191.                         <p>Доступ к сервису, оплата услуг по оценке и направление закрывающих документов по услуге, поддержка, обслуживание и обновление функционала — всё в одном месте (без дополнительных барьеров в виде скачивания обновлений и т.п.).</p>
  192.                     </div>
  193.                 </div>
  194.             </div>
  195.         </div>
  197.         <!-- -->
  198.         <h2 class="title title__center title__space">О сервисе</h2>
  199.         <div class="bg_white">
  200.             <div class="blocks">
  201.                 <div class="block block__width-50">
  202.                     <div class="block-content">
  203.                         <p>Сервис предоставляется пользователям по модели SaaS (Software as a Service), то есть ООО «ЭПА» разместило на арендованном сервере программу для ЭВМ и
  204.                         предоставляет доступ к ней определённому кругу лиц (своим пользователям). Пользователю в данном случае нужен лишь доступ к сайту
  205.                         <a href="https://online-ocenka.ru/">https://online-ocenka.ru/</a> в сети Интернет.</p>
  206.                     </div>
  207.                 </div>
  208.                 <div class="block block__width-50">
  209.                     <div class="block-content">
  210.                         <p>Непосредственно программное обеспечение на материальных носителях не передаётся пользователю и не устанавливается на его компьютерах (серверах).
  211.                         Важно отметить, что сервис устроен таким образом, что услуг по оценке без него не предоставляется.
  212.                         Иными словами, не было бы сервиса — не было бы и услуг по оценке.</p>
  213.                     </div>
  214.                 </div>
  215.             </div>
  217.             <div class="blocks">
  218.                 <div class="block block__width-33 block__border-right block__border-top block__align-content-bottom">
  219.                     <div class="block-content">
  220.                         <p class="small">Пользовательское<br/>соглашение</p>
  221.                         <br />
  222.                         <a href="{{ asset(uri_user_agreement) }}" target="_blank" class="btn btn--primary btn--xs bg_white">Ознакомиться</a>
  223.                     </div>
  224.                 </div>
  225.                 <div class="block block__width-33 block__border-right block__border-top block__align-content-bottom">
  226.                     <div class="block-content">
  227.                         <p class="small">Политика<br/>конфиденциальности</p>
  228.                         <br />
  229.                         <a href="{{ asset(uri_user_personal_data) }}" target="_blank" class="btn btn--primary btn--xs bg_white">Ознакомиться</a>
  230.                     </div>
  231.                 </div>
  232.                 <div class="block block__width-33 block__border-top block__align-content-bottom">
  233.                     <div class="block-content">
  234.                         <p class="small">Сертификат регистрации<br/>в Роспотенте №2024687058 от 14.11.2024</p>
  235.                         <br />
  236.                         <a href="/uploads/documents/rospatent.pdf" target="_blank" class="btn btn--primary btn--xs">Ознакомиться</a>
  237.                     </div>
  238.                 </div>
  239.             </div>
  241.             <div class="blocks">
  242.                 <div class="block block__width-33 block__border-top">
  243.                     <div class="block-content">
  244.                         <h4>Стек используемых технологий:</h4>
  245.                     </div>
  246.                 </div>
  247.                 <div class="block block__width-66 block__border-top">
  248.                     <div class="block-content">
  249.                         <div class="tech-stach-list">
  250.                             <div>
  251.                                 <div class="small">Операционная система</div>
  252.                                 <p class="bold">Linux</p>
  253.                             </div>
  254.                             <div>
  255.                                 <div class="small">Http сервер</div>
  256.                                 <p class="bold">nginx</p>
  257.                             </div>
  258.                             <div>
  259.                                 <div class="small">Языка программирования</div>
  260.                                 <p class="bold">php, javascript</p>
  261.                             </div>
  262.                             <div>
  263.                                 <div class="small">База данных</div>
  264.                                 <p class="bold">Mariadb</p>
  265.                             </div>
  266.                         </div>
  267.                     </div>
  268.                 </div>
  269.             </div>
  270.         </div>
  272.         <!-- -->
  273.         <br />
  274.         <br />
  275.         <br />
  276.         <div class="blocks blocks__with_space">
  277.             <div class="block block__width-50">
  278.                 <div class="block-content">
  279.                     <h1 class="title">Чем сервис полезен для нотариусов?</h1>
  280.                 </div>
  281.             </div>
  282.             <div class="block block__width-50">
  283.                 <div class="block-content bg_white  block__border__bold block__border-bottom" style="border-color: rgb(246,246,246);">
  284.                     <span class="badge badge__white">01</span>
  285.                     <p>Результаты оценок Ваших клиентов отображаются в системе и структурированно хранятся по клиентам. При заказе оценки – ваш Клиент указывает, какому нотариусу нужен результат оценки и такой результат автоматически подкрепляется в сервис и отправляется на ваш E-mail;</p>
  286.                 </div>
  287.             </div>
  290.             <div class="block block__width-25">
  291.                 <div class="block-content bg_white  block__border__bold block__border-right" style="border-color: rgb(246,246,246);">
  292.                     <span class="badge badge__white">02</span>
  293.                     <p>Оценка производится в  течение 1 (одного) часа</p>
  294.                 </div>
  295.             </div>
  296.             <div class="block block__width-25">
  297.                 <div class="block-content bg_white  block__border__bold block__border-right" style="border-color: rgb(246,246,246);">
  298.                     <span class="badge badge__white">03</span>
  299.                     <p>Время совершения нотариального действия сокращается;</p>
  300.                 </div>
  301.             </div>
  302.             <div class="block block__width-25">
  303.                 <div class="block-content bg_white  block__border__bold block__border-right" style="border-color: rgb(246,246,246);">
  304.                     <span class="badge badge__white">04</span>
  305.                     <p>Возможность для клиента нотариуса самостоятельно заказать и оплатить услугу по  оценке</p>
  306.                 </div>
  307.             </div>
  308.             <div class="block block__width-25">
  309.                 <div class="block-content bg_white ">
  310.                     <span class="badge badge__white">05</span>
  311.                     <p>Отслеживание статуса исполнения заказов, онлайн поддержка и  многое другое</p>
  312.                 </div>
  313.             </div>
  314.         </div>
  316.         <br />
  317.         <br />
  318.         <br />
  319.         <h3 class="title title__space">Какие плюсы для клиента?</h3>
  320.         <div class="blocks blocks__with_space">
  321.             <div class="block block__width-40">
  322.                 <div class="block-content bg_white  block__border__bold block__border-right" style="border-color: rgb(246,246,246);">
  323.                     <span class="badge badge__white">01</span>
  324.                     <p>Нет необходимости искать оценочную компанию, оценку можно получить не  выходя из нотариальной конторы</p>
  325.                 </div>
  326.             </div>
  328.             <div class="block block__width-20">
  329.                 <div class="block-content bg_white  block__border__bold block__border-right" style="border-color: rgb(246,246,246);">
  330.                     <span class="badge badge__white">02</span>
  331.                     <p>Низкая стоимость</p>
  332.                 </div>
  333.             </div>
  335.             <div class="block block__width-20">
  336.                 <div class="block-content bg_white  block__border__bold block__border-right" style="border-color: rgb(246,246,246);">
  337.                     <span class="badge badge__white">03</span>
  338.                     <p>Минимальное время ожидания</p>
  339.                 </div>
  340.             </div>
  342.             <div class="block block__width-20">
  343.                 <div class="block-content bg_white ">
  344.                     <span class="badge badge__white">04</span>
  345.                     <p>Онлайн поддержка</p>
  346.                 </div>
  347.             </div>
  348.         </div>
  349.         <div class="blocks blocks-comment">
  350.             <div class="block block__width-50">
  351.                 <p class="small">Дополнительная информация о сервисе, в том числе о стоимости услуг указана далее (ниже, на данной странице)</p>
  352.             </div>
  353.         </div>
  355.         <!-- -->
  356.         <br />
  357.         <br />
  358.         <br />
  359.         <div class="bg_white">
  360.             <div class="blocks">
  361.                 <div class="block block__width-100">
  362.                     <div class="blocks">
  363.                         <div class="block block__width-50">
  364.                             <div class="block-content">
  365.                                 <p style="color: #132F3D;" class="bold">Свяжитесь с нами для получения более подробной информации об условиях предоставления услуг, их стоимости и сроках </p>
  366.                             </div>
  367.                         </div>
  368.                     </div>
  369.                 </div>
  370.             </div>
  371.             <div class="blocks">
  372.                 <div class="block block__width-33">
  373.                     <div class="block-content">
  374.                         <div class="small">Телефон</div>
  375.                         <p class="bold">{{ siteGlobals.globals.contactPhone }}</p>
  376.                     </div>
  377.                 </div>
  378.                 <div class="block block__width-33">
  379.                     <div class="block-content">
  380.                         <div class="small">Доступность</div>
  381.                         <p class="bold">с 07:00 до 19:00<span style="color: var(--gray);"><br />по Московскому времени</span></p>
  382.                     </div>
  383.                 </div>
  384.                 <div class="block block__width-33">
  385.                     <div class="block-content">
  386.                         <div class="small">Почта</div>
  387.                         <p class="bold">{{ siteGlobals.globals.contactEmail }}</p>
  388.                     </div>
  389.                 </div>
  390.             </div>
  391.             <div class="blocks">
  392.                 <div class="block block__width-100 block__border-top">
  393.                     <div class="block-content block-content__form">
  394.                         <twig:Common:CallbackForm:AdvancedWithName />
  395.                     </div>
  396.                 </div>
  397.             </div>
  398.         </div>
  399.         <div id="bitrix-callback-form" style="margin-top: 4rem; margin-bottom: 4rem;"></div>
  400.     </div>
  402. {% endblock %}
  404. {% block js_external %}
  405.     {% if siteGlobals.globals.externalWidgets.bitrix.feedbackFormCode is defined and siteGlobals.globals.externalWidgets.bitrix.feedbackFormCode
  406.         and siteGlobals.globals.externalWidgets.bitrix.feedbackFormUrl is defined and siteGlobals.globals.externalWidgets.bitrix.feedbackFormUrl
  407.     %}
  409.         {% if siteGlobals.globals.externalWidgets.bitrix.serviceCode.isNotary or siteGlobals.globals.externalWidgets.bitrix.serviceCode.isPartner %}
  410.             <script>
  411.                 window.__bitrixFormConfig = {
  412.                     code: {{ siteGlobals.globals.externalWidgets.bitrix.feedbackFormCode | json_encode | raw }},
  413.                     url:  {{ siteGlobals.globals.externalWidgets.bitrix.feedbackFormUrl  | json_encode | raw }},
  414.                 };
  415.             </script>
  416.             <script src="{{ asset('assets/js/bitrix-widget.js') }}" defer></script>
  417.         {% endif %}
  418.     {% endif %}
  419. {% endblock %}