SHARE
TWEET

Untitled

a guest Feb 20th, 2019 71 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="ru"> <![endif]-->
  3. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="ru"> <![endif]-->
  4. <!--[if IE 8]>         <html class="no-js lt-ie9" lang="ru"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js" lang="ru"> <!--<![endif]-->
  6. <html>
  7. <head>
  8.   <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  9.   <meta name="viewport" content="width=780, user-scalable=no"/>
  10.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  11.   <title><%= doc_title %></title>
  12.   <link href="{{STYLES_PATH}}app.css?_={{BUILD_VERSION}}" rel="stylesheet" type="text/css"/>
  13.   <!--[if lt IE 9]>
  14.   <script src="{{SCRIPTS_PATH}}vendor/html5shiv.min.js"></script>
  15.   <![endif]-->
  16. </head>
  17. <body class="app">
  18.  
  19. <div id="loader" class="loader-outer">
  20.   <div class="loader">
  21.     <svg class="circular">
  22.       <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"/>
  23.     </svg>
  24.   </div>
  25. </div>
  26.  
  27. <div id="{{ROOT_EL_ID}}" class="app-root">
  28.  
  29.   <nav class="g-nav" id="navbar">
  30.     <ul class="g-nav-wrapper wrapper nav navbar-nav" role="tablist">
  31.  
  32.       <% for(var i = 0; i < nav.items.length; i++) { %>
  33.       <% var item = nav.items[i]; %>
  34.       <li class="g-nav-link">
  35.         <a class="g-nav-link-inner scroll_to_anchor" href="#<%= item.key %>">
  36.           <span class="g-nav-link-text"><%= item.title %></span>
  37.         </a>
  38.       </li>
  39.       <% } %>
  40.  
  41.     </ul>
  42.   </nav>
  43.  
  44.   <header class="b-header">
  45.  
  46.     <!-- anchor -->
  47.     <a id="top"></a>
  48.  
  49.     <div class="b-header-wrapper wrapper">
  50.       <div class="b-header-inner">
  51.  
  52.         <h1 class="logo">
  53.           <a href="#" class="logo-text"><%= doc_title %></a>
  54.         </h1>
  55.  
  56.         <aside class="b-header-contacts">
  57.           <div class="b-header-contacts-inner">
  58.             <a href="tel:+74957979767">+7 (495) <b>797-97-67</b></a>
  59.           </div>
  60.         </aside>
  61.  
  62.       </div>
  63.     </div>
  64.   </header>
  65.  
  66.   <section class="b-section b-section__cases">
  67.     <div class="cases-wrapper">
  68.  
  69.       <div class="b-section-cases-box-outer" data-stellar-ratio="1.1">
  70.         <div class="b-section-cases-box">
  71.  
  72.           <h2 class="g-block-logo g-block-logo__cases">
  73.               <span class="g-block-logo-bg-outer">
  74.                 <i class="g-block-logo-bg"></i>
  75.                 <span class="g-block-logo-img"><%= cases.title %></span>
  76.               </span>
  77.           </h2>
  78.  
  79.           <div class="b-section-cases-box-inner">
  80.  
  81.             <% for(var i = 0; i < cases.items.length; i++) { %>
  82.             <% var item = cases.items[i]; %>
  83.             <dl class="b-case-item" data-key="<%= item.key %>">
  84.               <i class="b-case-item-icon b-case-item-icon__<%= item.key %>">
  85.                 <!--<video class="b-case-item-icon-video"-->
  86.                        <!--src="{{IMAGES_PATH}}case-icon-bg-anim-2.mp4"-->
  87.                        <!--autoplay loop/>-->
  88.               </i>
  89.               <dt class="b-case-item-title" aria-label="<%= item.title %>"><%- item.title_html %></dt>
  90.               <dd class="b-case-item-info"><%- item.info %></dd>
  91.             </dl>
  92.             <% } %>
  93.  
  94.           </div>
  95.         </div>
  96.  
  97.       </div>
  98.  
  99.     </div>
  100.   </section>
  101.  
  102.   <section class="b-section b-section__dark b-section__benefits">
  103.  
  104.     <!-- anchor -->
  105.     <a id="benefits"></a>
  106.  
  107.     <div class="b-section-bg">
  108.       <div class="b-section-bg-img b-section-bg-img__benefits"></div>
  109.     </div>
  110.  
  111.     <div class="b-section-container b-section-container__benefits">
  112.       <div class="b-section-container-inner">
  113.  
  114.         <h2 class="b-section-title"><%= benefits.title %></h2>
  115.  
  116.         <div class="b-section-content b-section-content__benefits wrapper">
  117.  
  118.           <div class="benefits-list">
  119.  
  120.             <% for(var i = 0; i < benefits.items.length; i++) { %>
  121.             <% var item = benefits.items[i]; %>
  122.             <div class="benefits-list-item">
  123.               <i class="benefits-list-item-bg"></i>
  124.               <div class="benefits-list-item-inner">
  125.                 <i class="benefits-list-item-icon benefits-list-item-icon__<%= item.key %>">
  126.                   <img src="images/benefits-icon-<%= item.key %>.svg"/>
  127.                 </i>
  128.                 <div class="benefits-list-item-title">
  129.                   <%- item.title %>
  130.                 </div>
  131.                 <div class="benefits-list-item-info">
  132.                   <div class="benefits-list-item-info-text">
  133.                     <%- item.info %>
  134.                   </div>
  135.                   <% if(item.href) { %>
  136.                   <div class="benefits-list-item-info-actions">
  137.                     <a class="benefits-list-item-info-btn btn"
  138.                        href="<%= item.href %>" target="_blank" rel="nofollow noopener">
  139.                       Проекты
  140.                     </a>
  141.                   </div>
  142.                   <% } %>
  143.                 </div>
  144.               </div>
  145.             </div>
  146.             <% } %>
  147.  
  148.           </div>
  149.  
  150.         </div>
  151.  
  152.       </div>
  153.  
  154.     </div>
  155.  
  156.   </section>
  157.  
  158.   <section class="b-section b-section__light b-section__covering">
  159.  
  160.     <!-- anchor -->
  161.     <a id="covering"></a>
  162.  
  163.     <div class="b-section-bg">
  164.       <div class="b-section-bg-img b-section-bg-img__covering"></div>
  165.     </div>
  166.  
  167.     <div class="b-section-container b-section-container__covering wrapper">
  168.       <div class="b-section-container-inner">
  169.  
  170.         <h2 class="b-section-title"><%= covering.title %></h2>
  171.  
  172.         <div class="b-section-content b-section-content__covering">
  173.  
  174.           <div class="covering-map">
  175.             <!--data-stellar-ratio="0.9"-->
  176.  
  177.             <div class="covering-map-layer covering-map-layer__background">
  178.               <div class="covering-map-layer-img covering-map-layer-img__background"></div>
  179.             </div>
  180.             <div class="covering-map-layer covering-map-layer__foreground">
  181.               <div class="covering-map-layer-img covering-map-layer-img__foreground"></div>
  182.             </div>
  183.             <div class="covering-map-layer covering-map-layer__pin">
  184.               <div class="covering-map-layer-img covering-map-layer-img__pin">
  185.                 <% for(var i = 0; i < covering.points.length; i++) { %>
  186.                 <% var point = covering.points[i]; %>
  187.                 <% var pos = point.position; %>
  188.                 <div class="covering-map-pin covering-map-pin__type__<%= point.type %>" data-index="<%= i %>"
  189.                      data-tooltip="<%= point.tooltip %>"
  190.                      style="left: <%= pos.x %>%; top: <%= pos.y %>%;"></div>
  191.                 <% } %>
  192.               </div>
  193.             </div>
  194.  
  195.             <div class="covering-map-tooltip-template hidden" aria-hidden="true">
  196.               <div class="covering-tooltip">
  197.                 <div class="covering-tooltip-inner">
  198.                   <i class="covering-tooltip-arrow"></i>
  199.                   <div class="covering-tooltip-text"></div>
  200.                   <button type="button" class="covering-tooltip-btn btn">Подробнее</button>
  201.                 </div>
  202.               </div>
  203.             </div>
  204.  
  205.           </div>
  206.  
  207.         </div>
  208.  
  209.       </div>
  210.     </div>
  211.   </section>
  212.  
  213.   <section class="b-section b-section__dark b-section__company">
  214.  
  215.     <!-- anchor -->
  216.     <a id="company"></a>
  217.  
  218.     <div class="b-section-bg">
  219.       <div class="b-section-bg-img b-section-bg-img__company" data-stellar-ratio="1.2"></div>
  220.     </div>
  221.  
  222.     <div class="b-section-container b-section-container__company wrapper">
  223.       <div class="b-section-container-inner">
  224.  
  225.         <h2 class="b-section-title"><%= company.title %></h2>
  226.  
  227.         <div class="b-section-content">
  228.           <div class="content content__company">
  229.  
  230.             <p>
  231.               <strong class="strong">Систематика Консалтинг</strong> – ведущий поставщик ИТ-решений и услуг с 20-летним опытом работы на российском рынке. Входит в ГКС (АО «Группа Систематика»).
  232. Деятельность компании направлена на предоставление комплекса услуг по оптимизации бизнес-процессов путем внедрения информационных технологий. Компания «Систематика Консалтинг» осуществляет разработку,
  233. внедрение и поддержку сложных информационных и инфраструктурных решений и систем, производит комплексные поставки вычислительной техники, программного обеспечения и инженерного оборудования,
  234. развивает и адаптирует передовые информационные продукты с учетом потребностей Заказчиков.
  235.             </p>
  236.  
  237.  
  238.             <h3 class="font-inherit strong content-breaking-title">Систематика Консалтинг предоставляет:</h3>
  239.  
  240.             <h4 class="font-inherit">
  241.               Комплексный спектр решений по оптимизации государственных
  242.               и муниципальных услуг в электронном виде:
  243.             </h4>
  244.             <ul class="marked-list">
  245.               <li class="marked-list-item">Электронные услуги, многофункциональные центры</li>
  246.               <li class="marked-list-item">Межведомственное электронное взаимодействие</li>
  247.               <li class="marked-list-item">Порталы органов власти и государственных и муниципальных услуг</li>
  248.             </ul>
  249.  
  250.             <h4 class="font-inherit">
  251.               Комплексный спектр решений для оптимизации в социальной сфере:
  252.             </h4>
  253.             <ul class="marked-list">
  254.               <li class="marked-list-item">Выплаты пособий, льгот</li>
  255.               <li class="marked-list-item">Прием граждан</li>
  256.             </ul>
  257.           </div>
  258.         </div>
  259.  
  260.       </div>
  261.     </div>
  262.   </section>
  263.  
  264.   <section class="b-section b-section__light b-section__sitex">
  265.  
  266.     <!-- anchor -->
  267.     <a id="sitex"></a>
  268.  
  269.     <div class="b-section-bg">
  270.       <div class="b-section-bg-img b-section-bg-img__sitex"></div>
  271.     </div>
  272.  
  273.     <div class="b-section-container b-section-container__sitex">
  274.       <div class="wrapper">
  275.         <div class="b-section-container-inner">
  276.  
  277.           <div class="content">
  278.             <h2 class="b-section-title"><%= sitex.title %></h2>
  279.           </div>
  280.  
  281.           <div class="b-section-content">
  282.  
  283.             <div class="sitex-book" data-stellar-ratio="1.05">
  284.               <img class="sitex-book-img" src="images/sitex-book.png"/>
  285.             </div>
  286.  
  287.             <div class="content content__sitex">
  288.               <%- sitex.text.join('') %>
  289.             </div>
  290.  
  291.           </div>
  292.  
  293.         </div>
  294.       </div>
  295.  
  296.       <div class="sitex-history-list-container">
  297.         <div class="sitex-history-list-wrapper wrapper">
  298.  
  299.           <div class="content">
  300.             <div class="sitex-history">
  301.               <h3 class="font-inherit"><%= history.title %></h3>
  302.  
  303.               <ul class="sitex-history-list">
  304.                 <% for(var i = 0; i < history.items.length; i++) { %>
  305.                 <% var item = history.items[i]; %>
  306.                 <li class="sitex-history-list-item">
  307.                   <div class="sitex-history-list-item-inner">
  308.                     <i class="sitex-history-list-item-pin"></i>
  309.                     <strong class="sitex-history-list-item-title" aria-label="history_<%= item.year %>"><%= item.year %>&nbsp;г.</strong>
  310.                     <div class="sitex-history-list-item-info" aria-labelledby="history_<%= item.year %>">
  311.                       <% for(var j = 0; j < item.events.length; j++) { %>
  312.                       <% var event = item.events[j]; %>
  313.                         <p class="sitex-history-events-text">
  314.                           <%- event.text %>
  315.                         </p>
  316.                         <table class="sitex-history-events-list">
  317.                         <% for(var z = 0; z < event.items.length; z++) { %>
  318.                           <% var eventItem = event.items[z]; %>
  319.                           <tr>
  320.                             <td><%= eventItem.year %>&nbsp;г.</td>
  321.                             <td><%- eventItem.info %></td>
  322.                           </tr>
  323.                         <% } %>
  324.                         </table>
  325.                       <% } %>
  326.                     </div>
  327.                   </div>
  328.                 </li>
  329.                 <% } %>
  330.               </ul>
  331.  
  332.               <div class="sitex-history-tooltip-template hidden">
  333.                 <div class="sitex-history-tooltip">
  334.                   <div class="sitex-history-tooltip-inner">
  335.                     <i class="sitex-history-tooltip-arrow"></i>
  336.                     <div class="sitex-history-tooltip-text">
  337.                     </div>
  338.                   </div>
  339.                 </div>
  340.               </div>
  341.             </div>
  342.           </div>
  343.  
  344.         </div>
  345.       </div>
  346.  
  347.     </div>
  348.   </section>
  349.  
  350.   <section class="b-section b-section__light b-section__partners">
  351.  
  352.     <!-- anchor -->
  353.     <a id="partners"></a>
  354.  
  355.     <div class="b-section-bg">
  356.       <div class="b-section-bg-img b-section-bg-img__partners"></div>
  357.     </div>
  358.  
  359.     <div class="b-section-container b-section-container__partners wrapper">
  360.       <div class="b-section-container-inner">
  361.  
  362.         <div class="wrapper">
  363.           <div class="b-section-container-inner">
  364.  
  365.             <div class="content">
  366.               <h2 class="b-section-title">Заказчики</h2>
  367.             </div>
  368.  
  369.             <div class="b-section-content">
  370.  
  371.               <div class="partners-list">
  372.                 <% for(var i = 0; i < partners.items.length; i++) { %>
  373.                 <% var partner = partners.items[i]; %>
  374.                 <div class="partners-item" data-index="<%= i %>" data-tooltip="<%=partner.title%>">
  375.                   <div class="partners-item-inner">
  376.                     <div class="partners-item-img-outer">
  377.                       <img class="partners-item-img partners-item-img__foreground"
  378.                            src="{{IMAGES_PATH}}partners/<%=partner.img%>" alt="<%=partner.title%>"/>
  379.                       <img class="partners-item-img partners-item-img__background"
  380.                            src="{{IMAGES_PATH}}partners/<%=partner.img%>" alt="<%=partner.title%>"/>
  381.                     </div>
  382.                   </div>
  383.                 </div>
  384.                 <% } %>
  385.  
  386.                 <div class="partners-item-tooltip-template hidden">
  387.                   <div class="partners-item-tooltip">
  388.                     <div class="partners-item-tooltip-inner">
  389.                       <i class="partners-item-tooltip-arrow"></i>
  390.                       <div class="partners-item-tooltip-text">
  391.                       </div>
  392.                     </div>
  393.                   </div>
  394.                 </div>
  395.               </div>
  396.  
  397.             </div>
  398.  
  399.           </div>
  400.         </div>
  401.  
  402.       </div>
  403.     </div>
  404.   </section>
  405.  
  406.   <section class="b-section b-section__dark b-section__contacts">
  407.  
  408.     <!-- anchor -->
  409.     <a id="contacts"></a>
  410.  
  411.     <div class="b-section-bg b-section-bg__contacts" data-stellar-ratio="0.8">
  412.       <div class="contacts-bg-swiper swiper-container">
  413.         <div class="swiper-wrapper">
  414.           <div data-target="msk" class="swiper-slide b-section-bg-img b-section-bg-img__contacts b-section-bg-img__contacts__msk b-section-bg-img__contacts__visible"></div>
  415.           <div data-target="spb" class="swiper-slide b-section-bg-img b-section-bg-img__contacts b-section-bg-img__contacts__spb"></div>
  416.           <div data-target="hbr" class="swiper-slide b-section-bg-img b-section-bg-img__contacts b-section-bg-img__contacts__hbr"></div>
  417.         </div>
  418.       </div>
  419.     </div>
  420.  
  421.     <div class="b-section-container b-section-container__contacts wrapper">
  422.  
  423.       <h2 class="b-section-title">Контакты</h2>
  424.  
  425.       <div class="b-section-content">
  426.  
  427.         <menu class="contacts-nav-layout">
  428.           <div class="contacts-nav-layout-col contacts-nav-layout-col__active" data-code="msk">
  429.             <a class="contacts-nav-link">Москва</a>
  430.           </div>
  431.           <div class="contacts-nav-layout-spacer">
  432.             <!--nothing-->
  433.           </div>
  434.           <div class="contacts-nav-layout-col" data-code="spb">
  435.             <a class="contacts-nav-link">Санкт-Петербург</a>
  436.           </div>
  437.           <div class="contacts-nav-layout-spacer">
  438.             <!--nothing-->
  439.           </div>
  440.           <div class="contacts-nav-layout-col" data-code="hbr">
  441.             <a class="contacts-nav-link">Хабаровск</a>
  442.           </div>
  443.         </menu>
  444.  
  445.         <div class="contacts-map swiper-container">
  446.           <div class="contacts-map-inner swiper-wrapper">
  447.             <div class="contacts-map-tab swiper-slide" data-target="msk" data-title="Москва">
  448.               <div class="contacts-map-placeholder" data-pos="55.633835,37.431961">
  449.                 <!-- dynamic gmaps content here -->
  450.               </div>
  451.               <div class="contacts-map-info-outer">
  452.                 <ul class="contacts-map-info" data-swiper-parallax="-250">
  453.                   <li class="contacts-map-item contacts-map-item__location">
  454.                     <span class="opaque-text">Адрес: </span>
  455.                     111250 г.Москва, проезд Завода Серп и Молот, дом 6, строение 1.
  456.                   </li>
  457.                   <li class="contacts-map-item contacts-map-item__phone">
  458.                     тел/факс: <a href="tel:+74957979767">+7&nbsp;(495)&nbsp;797-97-67</a>
  459.                   </li>
  460.                   <li class="contacts-map-item contacts-map-item__email">
  461.                     e-mail: <a href="mailto:info@systematica.ru">info@systematica.ru</a>
  462.                   </li>
  463.                 </ul>
  464.               </div>
  465.             </div>
  466.             <div class="contacts-map-tab swiper-slide" data-target="spb" data-title="Санкт-Петербург">
  467.               <div class="contacts-map-placeholder" data-pos="59.979965,30.336803">
  468.                 <!-- dynamic gmaps content here -->
  469.               </div>
  470.               <div class="contacts-map-info-outer">
  471.                 <ul class="contacts-map-info" data-swiper-parallax="-250">
  472.                   <li class="contacts-map-item contacts-map-item__location">
  473.                     <span class="opaque-text">Адрес: </span>
  474.                     197101, Россия, г. Санкт-Петербург, ул.Чапаева, д.15, корп.2, лит.В
  475.                   </li>
  476.                   <li class="contacts-map-item contacts-map-item__phone">
  477.                     тел: <a href="tel:+78123176084">+7&nbsp;(812)&nbsp;317-60-84</a>
  478.                     <br/>факс: <a href="tel:+78123176084">+7&nbsp;(812)&nbsp;317-60-84</a>
  479.                   </li>
  480.                 </ul>
  481.               </div>
  482.             </div>
  483.             <div class="contacts-map-tab swiper-slide" data-target="hbr" data-title="Хабаровск">
  484.               <div class="contacts-map-placeholder" data-pos="48.485927,135.070881">
  485.                 <!-- dynamic gmaps content here -->
  486.               </div>
  487.               <div class="contacts-map-info-outer">
  488.                 <ul class="contacts-map-info" data-swiper-parallax="-250">
  489.                   <li class="contacts-map-item contacts-map-item__location">
  490.                     <span class="opaque-text">Адрес: </span>
  491.                     680000 г.&nbsp;Хабаровск,
  492.                     ул.&nbsp;Льва&nbsp;Толстого, 12
  493.                   </li>
  494.                   <li class="contacts-map-item contacts-map-item__phone">
  495.                     тел/факс: <a href="tel:+74212912035">+7&nbsp;(4212)&nbsp;912-035</a>
  496.                   </li>
  497.                 </ul>
  498.               </div>
  499.             </div>
  500.           </div>
  501.         </div>
  502.  
  503.         <footer class="contacts-footer">
  504.           <div class="contacts-footer-img" title="&copy; Систематика консалтинг">
  505.             &copy; Систематика консалтинг, 2000 - 2019
  506.           </div>
  507.         </footer>
  508.  
  509.       </div>
  510.  
  511.     </div>
  512.   </section>
  513.  
  514.   <div class="b-cases-container-bg"></div>
  515.  
  516.   <div class="g-shape-wrapper">
  517.     <% for(var i = 1; i <= 9; i++) { %>
  518.     <div class="g-shape g-shape__i<%=i%>"></div>
  519.     <% } %>
  520.   </div>
  521.  
  522. </div>
  523. <script src="{{SCRIPTS_PATH}}vendor/jquery-{{JQUERY_VERSION}}.min.js"></script>
  524. <script src="{{SCRIPTS_PATH}}app.min.js?_={{BUILD_VERSION}}"></script>
  525. <script>
  526.   app.init({
  527.     'rootElId': '{{ROOT_EL_ID}}',
  528.     'buildVersion': '{{BUILD_VERSION}}',
  529.     'imagesPath': '{{IMAGES_PATH}}',
  530.     'scriptsPath': '{{SCRIPTS_PATH}}'
  531.   });
  532. </script>
  533. </body>
  534. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top