API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 20th, 2019
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.06 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!