1<!DOCTYPE html> 2<html lang="ru"> 3<head> 4 <meta charset="utf-8"> <!-- Top.Mail.Ru counter --> 5
5<script type="text/javascript"> 6 var _tmr = window._tmr || (window._tmr = []); 7 _tmr.push({id: "3771977", type: "pageView", start: (new Date()).getTime()}); 8 (function (d, w, id) { 9 if (d.getElementById(id)) return; 10 var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; 11 ts.src = "https://top-fwz1.mail.ru/js/code.js"; 12 var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; 13 if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } 14 })(document, window, "tmr-code"); 15 </script>
15 16 <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3771977;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript> 17 <!-- /Top.Mail.Ru counter --> 18 <title>ÐонÑакÑÑ</title> 19 <meta content="ТелеÑонÑ, поÑÑа и ÐºÐ°Ð½Ð°Ð»Ñ Ð¿Ð¾Ð´Ð´ÐµÑжки Си-ÐоÑда. ÐдÑÐµÑ Ð¾ÑиÑа и Ñклада в СанкÑ-ÐеÑеÑбÑÑге, ÑÑ ÐµÐ¼Ñ Ð¿Ñоезда, менеджеÑÑ Ð¿Ð¾ пÑодажам." name="description"> 20 <meta content="ÐонÑакÑÑ" property="og:title"> 21 <meta content="ТелеÑонÑ, поÑÑа и ÐºÐ°Ð½Ð°Ð»Ñ Ð¿Ð¾Ð´Ð´ÐµÑжки Си-ÐоÑда. ÐдÑÐµÑ Ð¾ÑиÑа и Ñклада в СанкÑ-ÐеÑеÑбÑÑге, ÑÑ ÐµÐ¼Ñ Ð¿Ñоезда, менеджеÑÑ Ð¿Ð¾ пÑодажам." property="og:description"> 22 <meta content="ÐонÑакÑÑ" property="twitter:title"> 23 <meta content="ТелеÑонÑ, поÑÑа и ÐºÐ°Ð½Ð°Ð»Ñ Ð¿Ð¾Ð´Ð´ÐµÑжки Си-ÐоÑда. ÐдÑÐµÑ Ð¾ÑиÑа и Ñклада в СанкÑ-ÐеÑеÑбÑÑге, ÑÑ ÐµÐ¼Ñ Ð¿Ñоезда, менеджеÑÑ Ð¿Ð¾ пÑодажам." property="twitter:description"> 24 <meta property="og:type" content="website"> 25 <meta content="summary_large_image" name="twitter:card"> 26 <meta content="width=device-width, initial-scale=1" name="viewport"> 27 <!-- Circe (Typekit, ÑемейÑÑво circe ÑÑÑоÑнÑми) â ÑиÑменнÑй ÑÑиÑÑ ÑайÑа. 28 ЦвеÑовÑе/ÑипогÑаÑиÑеÑкие ÑÐ¾ÐºÐµÐ½Ñ Ð¿ÑÐ¸Ñ Ð¾Ð´ÑÑ Ð¸Ð· css/tokens.css â он подклÑÑаеÑÑÑ 29 ниже, в блоке CN-CHROME:HEAD (ÑÑамповÑик notpublic/build/apply-chrome.mjs). --> 30
30<script src="https://use.typekit.net/yhs8bml.js" type="text/javascript"></script>
30 31
31<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
31 32 <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon"> 33 <link href="images/webclip.png" rel="apple-touch-icon"><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, lines 33-34
33 34 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
34UA-2093931-5
vendor: 14 bytes, lines 34-35
34"></script> 35
35<script> 36
vendor: 133 bytes, lines 36-39
36window.dataLayer = window.dataLayer || []; 37 function gtag(){dataLayer.push(arguments);} 38 gtag('js', new Date()); 39 gtag('config', '
39UA-2093931-5
vendor: 6 bytes, lines 39-40
39'); 40
40gtag('config', 'AW-1066494104'); /* ÐÑÑлеживание конвеÑÑии в ÐÑгл Ñекламе РоÑÑÐ¸Ñ */ 41</script>
41 42 <!-- TypeKit --> 43 <link rel="stylesheet" href="https://use.typekit.net/yhs8bml.css"> 44 <!-- СÑили ÑÑÑаниÑÑ. ТолÑко ÑÐ¾ÐºÐµÐ½Ñ Ð¸Ð· css/tokens.css â Ñвой :root не заводим. 45 ÐбÑÐ°Ñ ÑаÑÑÑ (.sec/.eyebrow/.h2/.lead/.panel/.btn*/.seam*) ÑкопиÑована из 46 academy.html â деÑжаÑÑ Ð² ÑÐ¸Ð½Ñ Ñоне до вÑноÑа в обÑий Ñайл. --> 47 <style> 48 *{box-sizing:border-box;} 49 html{-webkit-text-size-adjust:100%;} 50 body{margin:0;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface);font-size:var(--text-body);line-height:var(--lh-body);} 51 img{max-width:100%;} 52 a{color:var(--color-brand);text-decoration:none;} 53 a:hover{color:var(--color-brand-hover);} 54 h1,h2,h3,p,figure{margin:0;} 55 .nowrap{white-space:nowrap;} 56 57 /* ââ СекÑии и заголовки âââââââââââââââââââââââââââââââ */ 58 /* ÐеÑÑикалÑнÑй ÑиÑм здеÑÑ Ð¿Ð»Ð¾Ñнее, Ñем в academy.html/partners.html 59 (Ñам clamp(48px,6vw,96px)). СоÑедние ÑекÑии ÑкладÑваÑÑ Ñвои padding, поÑÑÐ¾Ð¼Ñ 60 на деÑкÑопе ÑÐ¾Ñ ÑиÑм давал ~154 px ÑиÑÑой пÑÑÑоÑÑ Ð² каждом ÑÑÑке. Ðа academy 61 паÑÐ·Ñ Ð´ÐµÑÐ¶Ð°Ñ ÑÑмнÑе панели и полноÑиÑиннÑе каÑÑинки, а «ÐонÑакÑÑ» â ÑвеÑлÑе 62 ÑекÑÑовÑе блоки подÑÑд, и Ñакой Ð·Ð°Ð·Ð¾Ñ ÑиÑалÑÑ ÐºÐ°Ðº дÑÑа. ÐдеÑÑ ~96 px. */ 63 .sec{max-width:var(--container);margin:0 auto;padding:clamp(32px,3.75vw,60px) clamp(20px,4vw,40px);} 64 .eyebrow{font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-bold);color:var(--color-brand);margin-bottom:var(--space-4);} 65 .eyebrow-dark{color:var(--color-on-brand);} 66 .h2{font-size:var(--text-h2);line-height:var(--lh-h2);font-weight:var(--weight-bold);letter-spacing:-.02em;} 67 .h3{font-size:var(--text-h3);line-height:var(--lh-h3);font-weight:var(--weight-semibold);} 68 .lead{font-size:var(--text-lead);line-height:var(--lh-lead);color:var(--color-muted);max-width:700px;margin-top:var(--space-5);} 69 .muted{color:var(--color-muted);max-width:62ch;margin-top:var(--space-4);} 70 .panel{border-radius:var(--radius-card);padding:clamp(36px,5vw,72px) clamp(24px,4vw,64px);} 71 72 /* ââ Ðнопки âââââââââââââââââââââââââââââââââââââââââââ */ 73 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:var(--weight-semibold);font-size:var(--text-body);line-height:1;border-radius:var(--radius-pill);padding:15px 28px;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-align:center;} 74 .btn:focus-visible{outline:3px solid var(--color-brand-active);outline-offset:2px;} 75 .btn-primary{background:var(--color-brand);color:var(--color-on-brand);} 76 .btn-primary:hover{background:var(--color-brand-hover);color:var(--color-on-brand);} 77 .btn-ghost{border-color:var(--color-brand);color:var(--color-brand);background:transparent;} 78 .btn-ghost:hover{background:var(--color-brand);color:var(--color-on-brand);} 79 .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;} 80 81 /* ââ СеÑка Ñ Ð²Ð¾Ð»Ð¾ÑÑнÑми Ñвами (gap:1px по --color-border) ââ */ 82 .seam{display:grid;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;} 83 .seam>*{background:var(--color-surface-2);padding:clamp(22px,2.4vw,32px);} 84 /* grid-auto-rows:1fr â вÑе ÑеÑÑÑе ÑÑейки «СвÑзаÑÑÑÑ» одной вÑÑоÑÑ, 85 инаÑе ÑÑд подÑÑÑаиваеÑÑÑ Ð¿Ð¾Ð´ ÑамÑÑ Ð´Ð»Ð¸Ð½Ð½ÑÑ ÐºÐ¾Ð»Ð¾Ð½ÐºÑ Ð¸ ÑеÑка вÑглÑÐ´Ð¸Ñ Ñвано */ 86 .seam-2{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;} 87 .seam-3{grid-template-columns:repeat(3,1fr);} 88 .seam-num{font-size:var(--text-eyebrow);font-weight:var(--weight-bold);letter-spacing:.06em;color:var(--color-brand);margin-bottom:var(--space-3);} 89 .seam h3{font-size:20px;font-weight:var(--weight-semibold);line-height:var(--lh-h3);} 90 .seam p{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-muted);margin-top:var(--space-2);} 91 .fact-val{font-size:clamp(22px,1.8vw,28px);font-weight:var(--weight-bold);letter-spacing:-.02em;} 92 .fact-cap{font-size:var(--text-small);color:var(--color-muted-2);margin-top:var(--space-1);} 93 94 /* ââ ÐеÑеÑни ÑÑÑлок (ÐºÐ°Ð½Ð°Ð»Ñ ÑвÑзи, поÑÑнениÑ) ââââââââ 95 Ðез маÑкеÑов: пÑнкÑÑ Ð¸ Ñак коÑоÑкие, а ÑиÑе пеÑед ÑÑÑокой, коÑоÑÐ°Ñ Ñама 96 ÑодеÑÐ¶Ð¸Ñ ÑиÑе («ÐбÑие вопÑоÑÑ â поÑÑа»), ÑиÑалоÑÑ ÐºÐ°Ðº мÑÑоÑ. 97 li оÑÑаÑÑÑÑ Ð±Ð»Ð¾ÑнÑм: display:flex делал Ð±Ñ Ð¾ÑделÑнÑм ÑлекÑ-ÑлеменÑом каждÑй 98 ÑекÑÑовÑй Ñзел и каждÑÑ ÑÑÑÐ»ÐºÑ â из-за gap поÑвл
98ÑлиÑÑ Ð¼Ð½Ð¸Ð¼Ñе лиÑние пÑÐ¾Ð±ÐµÐ»Ñ 99 вокÑÑг ÑиÑе и запÑÑÑÑ . */ 100 .dash-list{list-style:none;padding:0;margin:var(--space-4) 0 0;font-size:15px;line-height:1.45;color:var(--color-muted);} 101 .dash-list li+li{margin-top:var(--space-2);} 102 103 /* ââ ÐдÑÐµÑ ââââââââââââââââââââââââââââââââââââââââââââ */ 104 .addr{font-size:var(--text-lead);line-height:var(--lh-lead);margin-top:var(--space-5);} 105 /* ТелеÑон в ÑÑейке «ÐÑдел пÑодаж»: замеÑнÑй, но не Ñакой кÑÑпнÑй, как .fact-val â 106 ÑÑейки ÑеÑки одной вÑÑоÑÑ, и болÑÑой ÐºÐµÐ³Ð»Ñ ÑаÑпиÑал пеÑвÑÑ ÐºÐ¾Ð»Ð¾Ð½ÐºÑ */ 107 .phone{font-size:20px;font-weight:var(--weight-bold);letter-spacing:-.01em;} 108 109 /* ââ ÐаÑÑа + ÑÑ ÐµÐ¼Ð° ÑÑдом ââââââââââââââââââââââââââââââ */ 110 .geo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3vw,44px);} 111 /* aspect-ratio деÑÐ¶Ð¸Ñ Ð¼ÐµÑÑо под iframe до его загÑÑзки â каÑÑа гÑÑзиÑÑÑ lazy, 112 и без ÑÑого ÑÑÑаниÑа дÑÑгалаÑÑ Ð±Ñ Ð¿Ñи доÑкÑолле */ 113 .map{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-3);} 114 .map iframe{display:block;width:100%;height:100%;border:0;} 115 .geo figure img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);} 116 .geo figcaption{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-muted-2);margin-top:var(--space-3);} 117 .map-link{display:inline-block;font-size:var(--text-small);margin-top:var(--space-3);} 118 119 /* ââ ФоÑогид «как пÑойÑи / как пÑÐ¾ÐµÑ Ð°ÑÑ» âââââââââââââ 120 СеÑка, а не каÑÑÑелÑ: ÑÑо поÑледоваÑелÑÐ½Ð°Ñ Ð¸Ð½ÑÑÑÑкÑиÑ, ÐµÑ ÑиÑаÑÑ Ñеликом. 121 Ðаодно веÑнÑлиÑÑ Ð¿Ð¾Ð´Ð¿Ð¸Ñи â в ÑÑаÑой вÑÑÑÑке Ð¸Ñ Ð³Ð°Ñило .adr-text{height:0}. */ 122 .guide{display:grid;gap:clamp(16px,2vw,24px);margin-top:clamp(20px,2.4vw,28px);} 123 .guide-4{grid-template-columns:repeat(4,1fr);} 124 .guide-3{grid-template-columns:repeat(3,1fr);} 125 /* height:auto обÑзаÑелен: Ñ <img> пÑоÑÑÐ°Ð²Ð»ÐµÐ½Ñ Ð°ÑÑибÑÑÑ width/height, и без него 126 аÑÑибÑÑÐ½Ð°Ñ Ð²ÑÑоÑа оÑÑаÑÑÑÑ ÑакÑиÑеÑкой â каÑÑинка ÑплÑÑиваеÑÑÑ Ð¿Ð¾ гоÑизонÑали */ 127 .guide-step img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-3);} 128 .guide-cap{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-muted);margin-top:var(--space-3);} 129 130 /* ââ ÐенеджеÑÑ ââââââââââââââââââââââââââââââââââââââââ */ 131 .mgr{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3vw,44px);} 132 .mgr-card{display:flex;flex-direction:column;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:20px;padding:clamp(16px,1.6vw,20px);} 133 /* aspect-ratio 3/4 â Ñодное ÑооÑноÑение иÑÑ Ð¾Ð´Ð½Ð¸ÐºÐ¾Ð² (450Ã600), Ñак ÑÑо cover 134 ниÑего не обÑезаеÑ. height:auto обÑзаÑелен: Ñ <img> еÑÑÑ Ð°ÑÑибÑÑ height */ 135 .mgr-photo{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-3);margin-bottom:var(--space-5);} 136 .mgr-name{font-size:19px;line-height:1.25;font-weight:var(--weight-semibold);} 137 .mgr-meta{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-muted);margin-top:var(--space-2);} 138 /* ÐбÑий Ð½Ð¾Ð¼ÐµÑ Ð¿Ð¾Ð²ÑоÑÑеÑÑÑ Ñ Ð²ÑÐµÑ ÑеÑÑеÑÑÑ â ÑканиÑÑеÑÑÑ Ð¸Ð¼ÐµÐ½Ð½Ð¾ добавоÑнÑй */ 139 .mgr-ext{font-weight:var(--weight-semibold);color:var(--color-ink);white-space:nowrap;} 140 141 /* ââ ЯÑлÑк «ÐдÑÐµÑ ÑкопиÑован» ââââââââââââââââââââââââ 142 СÑавиÑÑÑ ÑкÑипÑом в конÑе body, ÑолÑко на деÑкÑопе. ÐбÑолÑÑное 143 позиÑиониÑование по кооÑдинаÑам докÑменÑа, поÑÑÐ¾Ð¼Ñ Ð»ÐµÐ¶Ð¸Ñ Ð¿ÑÑмо в body. */ 144 .copy-note{position:absolute;z-index:20;transform:translate(-50%,-100%);background:var(--color-ink);color:var(--color-on-brand);font-size:13px;line-height:1;font-weight:var(--weight-semibold);padding:8px 11px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;} 145 .copy-note.is-on{opacity:1;} 146 147 /* ÐÑейкпоинÑÑ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑиÑÑемÑ: 991 / 767 / 479 (tokens.css) */ 148 /* ââ ÐланÑÐµÑ ââ */ 149 @media(max-width:991px){ 150 .seam-3{grid-template-columns:repeat(2,1fr);} 151 .guide-4{grid-template-columns:repeat(2,1fr);} 152 .mgr{grid-template-columns:repeat(2,1fr);} 153 .geo{grid-template-columns:1fr;} 154 } 155 /* ââ Узкий планÑÐµÑ / кÑÑпнÑй ÑелеÑон ââ */ 156 @media(max-width:767px){ 157 .seam-2{grid-template-columns:1fr;grid-auto-rows:auto;} 158 .seam-3{grid-template-columns:1fr;} 159 .guide-3{grid-template-columns:repeat(2,1fr);} 160 } 161 /* ââ ТелеÑон ââ */ 162 @media(max-width:479px){ 163 .guide-4,.guide-3{grid-template-columns:1fr;} 164 .mgr{grid-template-columns:1fr;} 165 .hero-cta .btn{width:100%;} 166 } 167</style> 168 <!-- Amo CRM --> 169
169<script async="" src="https://amo.cnord.ru/dist/amo.js"></script>
169 170
170<script src="js/contest-tab.js"></script>
170 171
171<script src="js/b24-metrika.js"></script>
171 172 <!-- Vkontakte Pixel Code --> 173
173<script type="text/javascript">!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://vk.com/js/api/openapi.js?168",t.onload=function(){VK.Retargeting.Init("VK-RTRG-491274-eaQ8h"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script>
173<noscript><img src="https://vk.com/rtrg?p=VK-RTRG-491274-eaQ8h" style="position:fixed; left:-999px;" alt=""></noscript> 174 <!-- End Vkontakte Pixel Code --> 175 <!-- Bitrix Code --> 176
176<script> 177(function(w,d,u){ 178var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0); 179var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h); 180})(window,document,'https://cdn-ru.bitrix24.ru/b13440906/crm/tag/call.tracker.js'); 181</script>
181 182 <!-- End Bitrix Code --> 183
183<script src="/consent.js"></script>
183<!-- cn-cookie-consent --> 184<!-- CN-CHROME:HEAD:START · ÑÑалон: notpublic/templates/chrome/head-links.html --> 185<link rel="stylesheet" href="css/tokens.css" type="text/css"> 186<link rel="stylesheet" href="css/site-chrome.css" type="text/css"> 187<!-- CN-CHROME:HEAD:END --> 188</head> 189<body> 190<!-- CN-CHROME:NAVBAR:START · ÑÑалон: notpublic/templates/chrome/navbar.html · пÑавиÑÑ Ñам, заÑем apply-chrome.mjs --> 191<nav class="cn-nav" aria-label="ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ Ð½Ð°Ð²Ð¸Ð³Ð°ÑиÑ"> 192 <div class="cn-nav__inner"> 193 <a href="index.html" class="cn-logo" aria-label="C.Nord â на главнÑÑ"></a> 194 <div class="cn-nav__links"> 195 <a href="katalog.html">ÐбоÑÑдование</a> 196 <a href="projects.html">РеÑениÑ</a> 197 <a href="news.html">ÐовоÑÑи</a> 198 <a href="https://support.cnord.ru/">ÐоддеÑжка</a> 199 <a href="contacts.html">ÐонÑакÑÑ</a> 200 </div> 201 <div class="cn-nav__actions"> 202
202<script data-b24-form="click/138/9dzmjb" data-skip-moving="true">(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'https://cdn-ru.bitrix24.ru/b13440906/crm/form/loader_138.js');</script>
202 203 <a href="javascript:void(0)" class="cn-btn-demo">ÐапÑоÑиÑÑ Ð´ÐµÐ¼Ð¾</a> 204 <button type="button" class="cn-burger-btn" aria-label="ÐÑкÑÑÑÑ Ð¼ÐµÐ½Ñ" aria-controls="cn-burger" aria-expanded="false" data-cn-open><span></span><span></span><span></span></button> 205 </div> 206 </div> 207</nav> 208<!-- CN-CHROME:NAVBAR:END --> 209<!-- CN-CHROME:BURGER:START · ÑÑалон: notpublic/templates/chrome/burger.html · пÑавиÑÑ Ñам, заÑем apply-chrome.mjs --> 210<div class="cn-burger" id="cn-burger" role="dialog" aria-modal="true" aria-label="ÐенÑ"> 211 <div class="cn-burger__top"> 212 <div class="cn-burger__top-inner"> 213 <a href="index.html" class="cn-burger__logo" aria-label="C.Nord â на главнÑÑ"></a> 214 <button type="button" class="cn-burger__close" aria-label="ÐакÑÑÑÑ Ð¼ÐµÐ½Ñ" data-cn-close>×</button> 215 </div> 216 </div> 217 <div class="cn-burger__inner"> 218 <div class="cn-menu"> 219 <div class="cn-menu__col"> 220 <h4 class="cn-menu__title">ÐбоÑÑдование</h4> 221 <ul> 222 <li><a href="katalog.html">ÐаÑалог ÑÑÑÑойÑÑв</a></li> 223 <li><a href="compare-hardware.html">СÑавнение панелей</a></li> 224 <li><a href="okta.html">ÐкÑа</a></li> 225 <li><a href="nord-mini-air.html">Nord Mini Air</a></li> 226 <li><a href="nord-pro.html">Nord Pro</a></li> 227 <li><a href="nord-pro-air.html">Nord Pro Air</a></li> 228 <li><a href="nordmax.html">Nord Max / Air</a></li> 229 </ul> 230 </div> 231 <div class="cn-menu__col"> 232 <h4 class="cn-menu__title">СеÑвиÑÑ</h4> 233 <ul> 234 <li><a href="security-center.html">ЦенÑÑ Ð¾Ñ ÑанÑ</a></li> 235 <li><a href="cloud.html">Ðблако Си-ÐоÑда</a></li> 236 <li><a href="videonablyudenie.html">ÐидеонаблÑдение</a></li> 237 <li><a href="myalarm.html">MyAlarm Ð´Ð»Ñ ÐºÐ»Ð¸ÐµÐ½Ñа</a></li> 238 <li><a href="mytech.html">MyTech Ð´Ð»Ñ Ð¸Ð½Ð¶ÐµÐ½ÐµÑа</a></li> 239 </ul> 240 </div> 241 <div class="cn-menu__col"> 242 <h4 class="cn-menu__title">РеÑениÑ</h4> 243 <ul> 244 <li><a href="projects.html">ÐÑоекÑнÑе ÑеÑениÑ</a></li> 245 <li><a href="residential.html">ÐилÑе комплекÑÑ</a></li> 246 <li><a href="smart-village.html">ÐоÑÑеджнÑе поÑÑлки</a></li> 247 </ul> 248 </div> 249 <div class="cn-menu__col"> 250 <h4 class="cn-menu__title">ÐоддеÑжка</h4> 251 <ul> 252 <li><a href="https://support.cnord.ru/">Ðаза знаний</a></li> 253 <li><a href="https://support.cnord.ru/637">ÐÑоÑивки</a></li> 254 <li><a href="https://support.cnord.ru/5025">РемонÑ</a></li> 255 <li><a href="academy.html">Ðнлайн-обÑÑение</a></li> 256 <li><a href="https://cnord.okdesk.ru">ÐапÑÐ¾Ñ Ð² поддеÑжкÑ</a></li> 257 </ul> 258 </div> 259 <div class="cn-menu__col"> 260 <h4 class="cn-menu__title">ÐомпаниÑ</h4> 261 <ul> 262 <li><a href="legal.html">СеÑÑиÑикаÑÑ</a></li> 263 <li><a href="marketing.html">ÐаÑеÑиалÑ</a></li> 264 <li><a href="https://job.cnord.ru/">ÐаканÑии</a></li> 265 <li><a href="banking-information.html">РеквизиÑÑ</a></li> 266 <li><a href="https://www.cnord.ru/opros-2026.html">ÐбÑаÑÐ½Ð°Ñ ÑвÑзÑ</a></li> 267 </ul> 268 </div> 269 <div class="cn-menu__col cn-menu__contact"> 270 <h4 class="cn-menu__title">ÐонÑакÑÑ</h4> 271 <ul> 272 <li><a href="partners.html">Ðде кÑпиÑÑ</a></li> 273 <li><a href="contacts.html">ÐонÑакÑÑ</a></li> 274 </ul> 275 <p class="cn-menu__phone"><span class="roistat-phone-change">+7 (812) 327-16-36</span></p> 276 <p><a href="mailto:[email protected]">[email protected]</a></p> 277 <div class="cn-social"> 278 <a href="https://vk.com/cnord" aria-label="ÐÐонÑакÑе" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.8 16.3c-5.3 0-8.7-3.7-8.8-9.8h2.7c.1 4.5 2.1 6.4 3.6 6.8V6.5h2.5v3.8c1.5-.2 3-1.8 3.6-3.8h2.5c-.4 2.4-2 4-3.1 4.7 1.2.6 2.9 1.9 3.6 4.6h-2.8c-.5-1.7-1.9-3-3.8-3.2v3.2z"/></svg></a> 279 <a href="https://www.youtube.com/user/CnordTV/" aria-label="YouTube" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23 7.5a3 3 0 0 0-2.1-2.1C19 5 12 5 12 5s-7 0-8.9.4A3 3 0 0 0 1 7.5 31 31 0 0 0 .6 12 31 31 0 0 0 1 16.5a3 3 0 0 0 2.1 2.1C5 19 12 19 12 19s7 0 8.9-.4a3 3 0 0 0 2.1-2.1A31 31 0 0 0 23.4 12 31 31 0 0 0 23 7.5zM9.8 15.3V8.7l5.7 3.3z"/></svg></a> 280 <a href="https://t.me/c_nord" aria-label="Telegram" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.8 15.6l-.4 4.1c.5 0 .8-.2 1.1-.5l2-1.9 4 3c.7.4 1.3.2 1.5-.7l2.7-12.6c.3-1.1-.4-1.6-1.1-1.3L3.4 9.9c-1.1.4-1 1-.2 1.3l4.3 1.3L18 5.9c.5-.3.9-.1.6.2L9.8 15.6z"/></svg></a> 281 </div> 282 </div> 283</div> 284 </div> 285</div>
286<script> 287(function(){ 288 if (window.__cnBurgerInit) return; window.__cnBurgerInit = true; 289 function ready(fn){ if (document.readyState !== 'loading') fn(); else document.addEventListener('DOMContentLoaded', fn); } 290 ready(function(){ 291 var burger = document.getElementById('cn-burger'); 292 if (!burger) return; 293 var openers = [].slice.call(document.querySelectorAll('[data-cn-open]')); 294 var closers = [].slice.call(burger.querySelectorAll('[data-cn-close]')); 295 function setExpanded(v){ openers.forEach(function(b){ b.setAttribute('aria-expanded', v ? 'true' : 'false'); }); } 296 function open(){ burger.classList.add('is-open'); document.body.classList.add('cn-menu-open'); setExpanded(true); if (closers[0]) closers[0].focus(); } 297 function close(){ burger.classList.remove('is-open'); document.body.classList.remove('cn-menu-open'); setExpanded(false); } 298 openers.forEach(function(b){ b.addEventListener('click', function(e){ e.preventDefault(); open(); }); }); 299 closers.forEach(function(b){ b.addEventListener('click', function(e){ e.preventDefault(); close(); }); }); 300 document.addEventListener('keydown', function(e){ if ((e.key === 'Escape' || e.keyCode === 27) && burger.classList.contains('is-open')) close(); }); 301 }); 302})(); 303</script>
303 304<!-- CN-CHROME:BURGER:END --> 305<div style="max-width:100%;overflow-x:hidden;" data-copy-mail> 306 307 <!-- ââ HERO ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 308 <header class="sec" style="padding-bottom:clamp(24px,3vw,40px);"> 309 <div style="display:flex;align-items:center;gap:14px;margin-bottom:22px;"> 310 <span style="width:32px;height:2px;background:var(--color-brand);"></span> 311 <span class="eyebrow" style="margin:0;">СанкÑ-ÐеÑеÑбÑÑг</span> 312 </div> 313 <h1 style="margin:0;font-weight:700;font-size:clamp(40px,6vw,84px);line-height:1;letter-spacing:-.02em;">ÐонÑакÑÑ</h1> 314 <div class="hero-cta"> 315 <a class="btn btn-ghost" href="#office">ÐÑиÑ</a> 316 <a class="btn btn-ghost" href="#managers">ÐенеджеÑÑ</a> 317 <a class="btn btn-ghost" href="#warehouse">Склад</a> 318 <a class="btn btn-ghost" href="#partners">ÐаÑÑнÑÑÑ</a> 319 </div> 320 </header> 321 322 <!-- ââ 01 â СвÑзаÑÑÑÑ ââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 323 <section class="sec" id="contact" style="padding-top:clamp(24px,3vw,40px);"> 324 <p class="eyebrow">01 â ÐонÑакÑÑ</p> 325 <h2 class="h2">СвÑзаÑÑÑÑ</h2> 326 <div class="seam seam-2" style="margin-top:clamp(28px,3vw,44px);"> 327 328 <div> 329 <h3>ÐÑдел пÑодаж</h3> 330 <div class="phone" style="margin-top:var(--space-4);"><span class="roistat-phone-change">+7 (812) 327-16-36</span></div> 331 <div class="fact-cap">9:00â18:00, в ÑабоÑие дни</div> 332 <ul class="dash-list"> 333 <li><a href="mailto:[email protected]">[email protected]</a></li> 334 <li>ÐÑÑмÑе добавоÑнÑе â <a href="#managers">Ñ Ð¼ÐµÐ½ÐµÐ´Ð¶ÐµÑов</a></li> 335 </ul> 336 </div> 337 338 <div> 339 <h3>Ð¢ÐµÑ Ð½Ð¸ÑеÑÐºÐ°Ñ Ð¿Ð¾Ð´Ð´ÐµÑжка</h3> 340 <div class="fact-cap" style="margin-top:var(--space-3);">9:00â18:00, в ÑабоÑие дни</div> 341 <ul class="dash-list"> 342 <li><a href="https://t.me/cnordsupportbot">ТелегÑам-боÑ</a></li> 343 <li><a href="https://cnord.okdesk.ru">ÐиÑнÑй кабинеÑ</a></li> 344 <li><a href="mailto:[email protected]">[email protected]</a></li> 345 </ul> 346 </div> 347 348 <div> 349 <h3>Ð ÐµÐ¼Ð¾Ð½Ñ Ð¸Ð·Ð´ÐµÐ»Ð¸Ð¹</h3> 350 <ul class="dash-list"> 351 <li><a href="https://support.cnord.ru/5025" target="_blank" rel="noopener">ÐоÑÑдок оÑпÑавки изделий</a></li> 352 <li><a href="https://bx_activity.cnord.ru/complaint/complaint.php" target="_blank" rel="noopener">ÐаÑвка на ÑемонÑ</a></li> 353 <li><a href="#warehouse">ÐÑпÑавка на Ñклад</a></li> 354 </ul> 355 </div> 356 357 <div> 358 <h3>ÐомпаниÑ</h3> 359 <ul class="dash-list"> 360 <li>ÐбÑие вопÑоÑÑ â <a href="mailto:[email protected]">[email protected]</a></li> 361 <li>ÐаканÑии â <a href="https://job.cnord.ru/" target="_blank" rel="noopener">job.cnord.ru</a>, <a href="mailto:[email protected]">[email protected]</a></li> 362 <li>РеквизиÑÑ â <a href="banking-information.html">банковÑкие ÑеквизиÑÑ</a></li> 363 </ul> 364 </div> 365 366 </div> 367 </section> 368 369 <!-- ââ 02 â ÐÑÐ¸Ñ âââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 370 <section class="sec" id="office"> 371 <p class="eyebrow">02 â ÐдÑеÑ</p> 372 <h2 class="h2">ÐÑиÑ</h2> 373 <p class="addr">наб. Ðбводного канала, д. 199-201, лиÑÐµÑ Ð,<br>пом. 7-Ð, оÑ. 2, СанкÑ-ÐеÑеÑбÑÑг, 190020</p> 374 <p class="muted">ÐЦ «ÐбводнÑй ÐвоÑ»: вÑезд Ñ Ð½Ð°Ð±ÐµÑежной Ðбводного канала, далее налево под ÑлагбаÑм, далее напÑаво под аÑкÑ.</p> 375 <div class="geo"> 376 <div> 377 <div class="map"> 378 <iframe src="https://yandex.ru/map-widget/v1/?text=СанкÑ-ÐеÑеÑбÑÑг,+набеÑежнаÑ+Ðбводного+канала,+199-201&z=17" 379 loading="lazy" title="ÐÑÐ¸Ñ Ð¡Ð¸-ÐоÑда на каÑÑе" allowfullscreen></iframe> 380 </div> 381 <a class="map-link" href="https://yandex.ru/maps/?text=СанкÑ-ÐеÑеÑбÑÑг,+набеÑежнаÑ+Ðбводного+канала,+199-201" target="_blank" rel="noopener">ÐÑкÑÑÑÑ Ð² ЯндекÑ.ÐаÑÑÐ°Ñ </a> 382 </div> 383 <figure> 384 <img src="images/паÑковка-1.png" width="639" height="418" loading="lazy" decoding="async" 385 sizes="(max-width: 991px) 92vw, 560px" 386 srcset="images/паÑковка-1-p-500.png 500w, images/паÑковка-1.png 639w" 387 alt="Ð¡Ñ ÐµÐ¼Ð° вÑезда во Ð´Ð²Ð¾Ñ ÐЦ «ÐбводнÑй ÐвоÑ»: ÑлагбаÑм и аÑка">
388 <figcaption>ÐÑезд во двоÑ: под ÑлагбаÑм, заÑем напÑаво под аÑкÑ.</figcaption> 389 </figure> 390 </div> 391 </section> 392 393 <!-- ââ 03 â ÐенеджеÑÑ ââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 394 <section class="sec" id="managers"> 395 <p class="eyebrow">03 â ÐÑдел пÑодаж</p> 396 <h2 class="h2">ÐенеджеÑÑ</h2> 397 <div class="mgr"> 398 399 <div class="mgr-card"> 400 <img class="mgr-photo" src="images/еÑенко.jpg" width="450" height="600" loading="lazy" decoding="async" alt="ÐÐ¸Ñ Ð°Ð¸Ð» ÐÑенко"> 401 <div> 402 <p class="mgr-name">ÐÐ¸Ñ Ð°Ð¸Ð» ÐÑенко</p> 403 <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 143</span><br> 404 <a href="mailto:[email protected]">[email protected]</a></p> 405 </div> 406 </div> 407 408 <div class="mgr-card"> 409 <img class="mgr-photo" src="images/liza-kopkina.jpg" width="450" height="600" loading="lazy" decoding="async" alt="ÐлизавеÑа Ðопкина"> 410 <div> 411 <p class="mgr-name">ÐлизавеÑа Ðопкина</p> 412 <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 158</span><br> 413 <a href="mailto:[email protected]">[email protected]</a></p> 414 </div> 415 </div> 416 417 <div class="mgr-card"> 418 <img class="mgr-photo" src="images/ÑеÑнÑÑ .jpg" width="450" height="600" loading="lazy" decoding="async" alt="ÐмиÑÑий ЧеÑнÑÑ "> 419 <div> 420 <p class="mgr-name">ÐмиÑÑий ЧеÑнÑÑ </p> 421 <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 142</span><br> 422 <a href="mailto:[email protected]">[email protected]</a></p> 423 </div> 424 </div> 425 426 <div class="mgr-card"> 427 <img class="mgr-photo" src="images/bogacheva.jpg" width="450" height="600" loading="lazy" decoding="async" alt="ÐкаÑеÑина ÐогаÑева"> 428 <div> 429 <p class="mgr-name">ÐкаÑеÑина ÐогаÑева</p> 430 <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 139</span><br> 431 <a href="mailto:[email protected]">[email protected]</a></p> 432 </div> 433 </div> 434 435 <div class="mgr-card"> 436 <img class="mgr-photo" src="images/маÑдан.jpg" width="450" height="600" loading="lazy" decoding="async" alt="ÐлекÑÐ°Ð½Ð´Ñ ÐаÑданов"> 437 <div> 438 <p class="mgr-name">ÐлекÑÐ°Ð½Ð´Ñ ÐаÑданов</p> 439 <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 708</span><br> 440 <a href="mailto:[email protected]">[email protected]</a></p> 441 </div> 442 </div> 443 444 <div class="mgr-card"> 445 <img class="mgr-photo" src="images/marinets2.jpg" width="450" height="600" loading="lazy" decoding="async" alt="ÐÐ»Ð°Ð´Ð¸Ð¼Ð¸Ñ ÐаÑинеÑ"> 446 <div> 447 <p class="mgr-name">ÐÐ»Ð°Ð´Ð¸Ð¼Ð¸Ñ ÐаÑинеÑ</p> 448 <p class="mgr-meta"><span class="roistat-phone-change">+7 (812) 327-16-36</span>, <span class="mgr-ext">доб. 700</span><br> 449 <a href="mailto:[email protected]">[email protected]</a></p> 450 </div> 451 </div> 452 453 </div> 454 </section> 455 456 <!-- ââ 04 â Склад ââââââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 457 <section class="sec" id="warehouse"> 458 <p class="eyebrow">04 â ÐдÑÐµÑ Ð¸ пÑоезд</p> 459 <h2 class="h2">Склад</h2> 460 <div class="seam seam-3" style="margin-top:clamp(28px,3vw,44px);"> 461 <div> 462 <div class="fact-val">наб. Ðбводного канала, 74</div> 463 <div class="fact-cap">ÑеÑÑиÑоÑÐ¸Ñ Ð·Ð°Ð²Ð¾Ð´Ð° «ÐомпозиÑ», СанкÑ-ÐеÑеÑбÑÑг, 196084</div> 464 </div> 465 <div> 466 <div class="fact-val">10:00â17:00</div> 467 <div class="fact-cap">в ÑабоÑие дни, пеÑеÑÑв 13:00â14:00</div> 468 </div> 469 <div> 470 <div class="fact-val">ÐÑопÑÑк</div> 471 <div class="fact-cap">пеÑком â по паÑпоÑÑÑ Ð½Ð° пÑÐ¾Ñ Ð¾Ð´Ð½Ð¾Ð¹</div> 472 </div> 473 </div> 474 <div class="geo"> 475 <div> 476 <div class="map"> 477 <iframe src="https://yandex.ru/map-widget/v1/?text=СанкÑ-ÐеÑеÑбÑÑг,+набеÑежнаÑ+Ðбводного+канала,+74&z=17" 478 loading="lazy" title="Склад Си-ÐоÑда на каÑÑе" allowfullscreen></iframe> 479 </div> 480 <a class="map-link" href="https://yandex.ru/maps/?text=СанкÑ-ÐеÑеÑбÑÑг,+набеÑежнаÑ+Ðбводного+канала,+74" target="_blank" rel="noopener">ÐÑкÑÑÑÑ Ð² ЯндекÑ.ÐаÑÑÐ°Ñ </a> 481 </div> 482 <figure> 483 <img src="images/ÑÑ ÐµÐ¼Ð°-Ñклада.jpg" width="670" height="447" loading="lazy" decoding="async" 484 sizes="(max-width: 991px) 92vw, 560px" 485 srcset="images/ÑÑ ÐµÐ¼Ð°-Ñклада-p-500.jpeg 500w, images/ÑÑ ÐµÐ¼Ð°-Ñклада.jpg 670w" 486 alt="Ð¡Ñ ÐµÐ¼Ð° ÑеÑÑиÑоÑии завода «ÐомпозиÑ»: заезд Ð´Ð»Ñ Ð°Ð²Ñомобилей, пÑÐ¾Ñ Ð¾Ð´Ð½Ð°Ñ Ð¸ Ð²Ñ Ð¾Ð´ в здание Ñклада">
487 <figcaption>СÑÑелка â заезд Ð´Ð»Ñ Ð°Ð²Ñомобилей, вÑезд беÑплаÑнÑй.</figcaption> 488 </figure> 489 </div> 490 <ul class="dash-list" style="max-width:62ch;"> 491 <li><strong>1</strong> â пÑÐ¾Ñ Ð¾Ð´Ð½Ð°Ñ: здеÑÑ ÐºÐ»Ð¸ÐµÐ½ÑÑ Ð±ÐµÐ· ÑÑанÑпоÑÑа вÑдаÑÑ Ð¿ÑопÑÑк (нÑжен паÑпоÑÑ).</li> 492 <li><strong>2</strong> â Ð²Ñ Ð¾Ð´ в здание Ñлева Ð¾Ñ Ð±Ð¾Ð»ÑÑÐ¸Ñ Ð²Ð¾ÑÐ¾Ñ Ñ ÐºÐ¾Ð·ÑÑÑком, 1 ÑÑаж.</li> 493 </ul> 494 495 <h3 class="h3" style="margin-top:clamp(28px,3vw,44px);">ÐеÑком</h3> 496 <div class="guide guide-4"> 497 <figure class="guide-step"> 498 <img src="images/1pedestrian.jpg" width="1000" height="750" loading="lazy" decoding="async" 499 sizes="(max-width: 479px) 92vw, (max-width: 991px) 46vw, 275px" 500 srcset="images/1pedestrian-p-500.jpeg 500w, images/1pedestrian.jpg 1000w" 501 alt="ÐÑÐ¾Ñ Ð¾Ð´Ð½Ð°Ñ Ð·Ð°Ð²Ð¾Ð´Ð° «ÐомпозиÑ», где вÑдаÑÑ Ð¿ÑопÑÑк"> 502 <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 1</span>ÐолÑÑиÑе пÑопÑÑк на пÑÐ¾Ñ Ð¾Ð´Ð½Ð¾Ð¹</figcaption> 503 </figure> 504 <figure class="guide-step"> 505 <img src="images/2pedestrian.jpg" width="1000" height="750" loading="lazy" decoding="async" 506 sizes="(max-width: 479px) 92vw, (max-width: 991px) 46vw, 275px" 507 srcset="images/2pedestrian-p-500.jpeg 500w, images/2pedestrian.jpg 1000w" 508 alt="ÐовоÑÐ¾Ñ Ð½Ð°Ð»ÐµÐ²Ð¾ ÑÑÐ°Ð·Ñ Ð·Ð° пÑÐ¾Ñ Ð¾Ð´Ð½Ð¾Ð¹ завода"> 509 <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 2</span>ÐоÑле пÑÐ¾Ñ Ð¾Ð´Ð½Ð¾Ð¹ повеÑниÑе налево</figcaption> 510 </figure> 511 <figure class="guide-step"> 512 <img src="images/3pedestrian-driver.jpg" width="1000" height="750" loading="lazy" decoding="async" 513 sizes="(max-width: 479px) 92vw, (max-width: 991px) 46vw, 275px" 514 srcset="images/3pedestrian-driver-p-500.jpeg 500w, images/3pedestrian-driver.jpg 1000w" 515 alt="Ðдание Ñклада: болÑÑие воÑоÑа Ñ ÐºÐ¾Ð·ÑÑÑком, Ð²Ñ Ð¾Ð´ Ñлева Ð¾Ñ Ð½Ð¸Ñ "> 516 <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 3</span>ÐÑ Ð¾Ð´ в здание Ñклада</figcaption> 517 </figure> 518 <figure class="guide-step"> 519 <img src="images/pedestrian4.jpg" width="1000" height="750" loading="lazy" decoding="async" 520 sizes="(max-width: 479px) 92vw, (max-width: 991px) 46vw, 275px" 521 srcset="images/pedestrian4-p-500.jpeg 500w, images/pedestrian4.jpg 1000w" 522 alt="ÐвеÑÑ Ð²Ñ Ð¾Ð´Ð° на Ñклад на пеÑвом ÑÑаже зданиÑ"> 523 <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 4</span>ÐÑ Ð¾Ð´ на Ñклад</figcaption> 524 </figure> 525 </div> 526 527 <h3 class="h3" style="margin-top:clamp(36px,4vw,60px);">Ðа авÑомобиле</h3> 528 <div class="guide guide-3"> 529 <figure class="guide-step"> 530 <img src="images/1driver-1.jpg" width="1000" height="750" loading="lazy" decoding="async" 531 sizes="(max-width: 479px) 92vw, (max-width: 767px) 46vw, (max-width: 991px) 30vw, 370px" 532 srcset="images/1driver-1-p-500.jpeg 500w, images/1driver-1.jpg 1000w" 533 alt="ÐоÑоÑа Ð´Ð»Ñ Ð¿Ñоезда на ÑеÑÑиÑоÑÐ¸Ñ Ð·Ð°Ð²Ð¾Ð´Ð° «ÐомпозиÑ»"> 534 <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 1</span>ÐоÑоÑа Ð´Ð»Ñ Ð¿Ñоезда на Ñклад</figcaption> 535 </figure> 536 <figure class="guide-step"> 537 <img src="images/2driver.jpg" width="1000" height="750" loading="lazy" decoding="async" 538 sizes="(max-width: 479px) 92vw, (max-width: 767px) 46vw, (max-width: 991px) 30vw, 370px" 539 srcset="images/2driver-p-500.jpeg 500w, images/2driver.jpg 1000w" 540 alt="ÐовоÑÐ¾Ñ Ð½Ð°Ð»ÐµÐ²Ð¾ ÑÑÐ°Ð·Ñ Ð·Ð° вÑезднÑми воÑоÑами">
541 <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 2</span>ÐоÑле вÑезда повеÑниÑе налево</figcaption> 542 </figure> 543 <figure class="guide-step"> 544 <img src="images/3pedestrian-driver.jpg" width="1000" height="750" loading="lazy" decoding="async" 545 sizes="(max-width: 479px) 92vw, (max-width: 767px) 46vw, (max-width: 991px) 30vw, 370px" 546 srcset="images/3pedestrian-driver-p-500.jpeg 500w, images/3pedestrian-driver.jpg 1000w" 547 alt="Ðдание Ñклада Ñ Ð±Ð¾Ð»ÑÑими воÑоÑами Ñ ÐºÐ¾Ð·ÑÑÑком â подÑезд на авÑомобиле"> 548 <figcaption class="guide-cap"><span class="seam-num" style="display:block;margin-bottom:var(--space-1);">Шаг 3</span>ÐÑ Ð¾Ð´ в здание Ñклада</figcaption> 549 </figure> 550 </div> 551 552 </section> 553 554 555 556 <!-- ââ 05 â Ðде кÑпиÑÑ âââââââââââââââââââââââââââââââââââââââââââââââââââ 557 id="partners" обÑзан оÑÑаÑÑÑÑ: на contacts.html#partners бÑÑÑ ÑÑаÑÑе 558 внеÑние ÑÑÑлки (Ñм. notpublic/procedures/edit-partners.md). --> 559 <section class="sec" id="partners" style="padding-top:0;"> 560 <div class="panel" style="background:var(--color-brand-active);color:var(--color-on-brand);"> 561 <p class="eyebrow eyebrow-dark">05 â ÐаÑÑнÑÑÑ</p> 562 <h2 class="h2">Ðде кÑпиÑÑ Ð¾Ð±Ð¾ÑÑдование</h2> 563 <p class="lead" style="color:var(--color-on-brand);opacity:.9;">ÐбоÑÑдование <span class="nowrap">Си-ÐоÑда</span> пÑодаÑÑ Ð¿Ð°ÑÑнÑÑÑ Ð² 56 гоÑÐ¾Ð´Ð°Ñ Ð Ð¾ÑÑии, ÐÐ°Ð·Ð°Ñ ÑÑана, ÐелаÑÑÑи, ÐÑÑгÑзÑÑана и ÐÐ¾Ð»Ð´Ð¾Ð²Ñ â адÑеÑа, ÑелеÑÐ¾Ð½Ñ Ð¸ ÑайÑÑ ÑобÑÐ°Ð½Ñ Ð½Ð° оÑделÑной ÑÑÑаниÑе. ÐÑли в ваÑем гоÑоде поÑÑавÑика не окажеÑÑÑ, Ð¼Ñ Ð´Ð¾ÑÑавим заказ Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ ÑÑанÑпоÑÑной компании-паÑÑнÑÑа.</p> 564 <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;"> 565 <a href="partners.html" class="btn" style="background:var(--color-surface);color:var(--color-brand);">СпиÑок паÑÑнÑÑов</a> 566 </div> 567 </div> 568 </section> 569 570</div> 571<!-- ÐопиÑование поÑÑÑ Ð¿Ð¾ кликÑ. 572 ТолÑко на деÑкÑопе: matchMedia('(hover:hover) and (pointer:fine)') â Ñо еÑÑÑ 573 Ñам, где еÑÑÑ Ð¼ÑÑÑ. Ðа ÑелеÑоне ÑÑÑлка оÑÑаÑÑÑÑ Ð¾Ð±ÑÑнÑм mailto (копиÑоваÑÑ 574 адÑÐµÑ Ð²Ð¼ÐµÑÑо оÑкÑÑÑÐ¸Ñ Ð¿Ð¾ÑÑÑ Ñам ÑолÑко меÑало бÑ). 575 ÐблаÑÑÑ â конÑÐµÐ½Ñ ÑÑÑаниÑÑ ([data-copy-mail]); поÑÑа в навбаÑе/ÑÑÑеÑе не 576 заÑÑагиваеÑÑÑ: они ÑÑампÑÑÑÑÑ Ð¸Ð· templates/chrome и Ð¾Ð´Ð¸Ð½Ð°ÐºÐ¾Ð²Ñ Ð½Ð° вÑÑм ÑайÑе. -->
577<script> 578(function(){ 579 if (!window.matchMedia || !matchMedia('(hover:hover) and (pointer:fine)').matches) return; 580 var wrap = document.querySelector('[data-copy-mail]'); 581 if (!wrap || !document.body) return; 582 583 var links = [].slice.call(wrap.querySelectorAll('a[href^="mailto:"]')); 584 if (!links.length) return; 585 links.forEach(function(a){ a.title = 'ÐажмиÑе, ÑÑÐ¾Ð±Ñ ÑкопиÑоваÑÑ Ð°Ð´ÑеÑ'; }); 586 587 var note, timer; 588 function show(x, y){ 589 if (!note){ 590 note = document.createElement('div'); 591 note.className = 'copy-note'; 592 note.setAttribute('role', 'status'); 593 document.body.appendChild(note); 594 } 595 note.textContent = 'ÐдÑÐµÑ ÑкопиÑован'; 596 note.style.left = x + 'px'; 597 note.style.top = (y - 8) + 'px'; 598 // пеÑезапÑÑк пеÑÐµÑ Ð¾Ð´Ð°, еÑли ÑÑлÑк еÑÑ Ð²Ð¸Ð´ÐµÐ½ на пÑоÑлой ÑÑÑлке 599 note.classList.remove('is-on'); 600 void note.offsetWidth; 601 note.classList.add('is-on'); 602 clearTimeout(timer); 603 timer = setTimeout(function(){ note.classList.remove('is-on'); }, 1600); 604 } 605 606 function copy(text){ 607 if (navigator.clipboard && navigator.clipboard.writeText) { 608 return navigator.clipboard.writeText(text); 609 } 610 // запаÑной пÑÑÑ Ð´Ð»Ñ ÑÑаÑÑÑ Ð±ÑаÑзеÑов и не-https 611 return new Promise(function(resolve, reject){ 612 var t = document.createElement('textarea'); 613 t.value = text; 614 t.setAttribute('readonly', ''); 615 t.style.cssText = 'position:fixed;top:0;left:0;opacity:0;'; 616 document.body.appendChild(t); 617 t.select(); 618 var ok = false; 619 try { ok = document.execCommand('copy'); } catch (e) {} 620 document.body.removeChild(t); 621 ok ? resolve() : reject(); 622 }); 623 } 624 625 wrap.addEventListener('click', function(e){ 626 var a = e.target.closest && e.target.closest('a[href^="mailto:"]'); 627 if (!a || !wrap.contains(a)) return; 628 var href = a.getAttribute('href'); 629 var r = a.getBoundingClientRect(); 630 var x = r.left + window.pageXOffset + r.width / 2; 631 var y = r.top + window.pageYOffset; 632 e.preventDefault(); 633 copy(href.slice(7)).then( 634 function(){ show(x, y); }, 635 function(){ window.location.href = href; } // не ÑкопиÑовалоÑÑ â оÑкÑÑваем поÑÑовик 636 ); 637 }); 638})(); 639</script>
639 640<!-- Yandex.Metrika counter --> 641
641<script type="text/javascript">
vendor: 299 bytes, lines 641-645
641 642 (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; 643 m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) 644 (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); 645 ym(
64540008
vendor: 147 bytes, lines 645-651
645, "init", { 646 clickmap:true, 647 trackLinks:true, 648 accurateTrackBounce:true, 649 webvisor:true, 650 trackHash:true 651 });
652</script>
652 653 <noscript> 654 <div><img src="https://mc.yandex.ru/watch/40008" style="position:absolute; left:-9999px;" alt=""></div> 655 </noscript> 656 <!-- /Yandex.Metrika counter --> 657 <!-- Bitrix Code --> 658
658<script> 659(function(w,d,u){ 660 var s=d.createElement('script'); 661 s.async=true; 662 s.src=u+'?'+(Date.now()/180000|0); 663 s.setAttribute('data-b24-form', 'click/42/ni0ifh'); 664 s.setAttribute('data-skip-moving', 'true'); 665 var h=d.getElementsByTagName('script')[0]; 666 h.parentNode.insertBefore(s,h); 667})(window,document,'https://cdn-ru.bitrix24.ru/b13440906/crm/form/loader_42.js'); 668</script>
668 669<!-- CN-CHROME:FOOTER:START · ÑÑалон: notpublic/templates/chrome/footer.html · пÑавиÑÑ Ñам, заÑем apply-chrome.mjs --> 670<footer class="cn-footer"> 671 <div class="cn-footer__panel"> 672 <div class="cn-menu"> 673 <div class="cn-menu__col"> 674 <h4 class="cn-menu__title">ÐбоÑÑдование</h4> 675 <ul> 676 <li><a href="katalog.html">ÐаÑалог ÑÑÑÑойÑÑв</a></li> 677 <li><a href="compare-hardware.html">СÑавнение панелей</a></li> 678 <li><a href="okta.html">ÐкÑа</a></li> 679 <li><a href="nord-mini-air.html">Nord Mini Air</a></li> 680 <li><a href="nord-pro.html">Nord Pro</a></li> 681 <li><a href="nord-pro-air.html">Nord Pro Air</a></li> 682 <li><a href="nordmax.html">Nord Max / Air</a></li> 683 </ul> 684 </div> 685 <div class="cn-menu__col"> 686 <h4 class="cn-menu__title">СеÑвиÑÑ</h4> 687 <ul> 688 <li><a href="security-center.html">ЦенÑÑ Ð¾Ñ ÑанÑ</a></li> 689 <li><a href="cloud.html">Ðблако Си-ÐоÑда</a></li> 690 <li><a href="videonablyudenie.html">ÐидеонаблÑдение</a></li> 691 <li><a href="myalarm.html">MyAlarm Ð´Ð»Ñ ÐºÐ»Ð¸ÐµÐ½Ñа</a></li> 692 <li><a href="mytech.html">MyTech Ð´Ð»Ñ Ð¸Ð½Ð¶ÐµÐ½ÐµÑа</a></li> 693 </ul> 694 </div> 695 <div class="cn-menu__col"> 696 <h4 class="cn-menu__title">РеÑениÑ</h4> 697 <ul> 698 <li><a href="projects.html">ÐÑоекÑнÑе ÑеÑениÑ</a></li> 699 <li><a href="residential.html">ÐилÑе комплекÑÑ</a></li> 700 <li><a href="smart-village.html">ÐоÑÑеджнÑе поÑÑлки</a></li> 701 </ul> 702 </div> 703 <div class="cn-menu__col"> 704 <h4 class="cn-menu__title">ÐоддеÑжка</h4> 705 <ul> 706 <li><a href="https://support.cnord.ru/">Ðаза знаний</a></li> 707 <li><a href="https://support.cnord.ru/637">ÐÑоÑивки</a></li> 708 <li><a href="https://support.cnord.ru/5025">РемонÑ</a></li> 709 <li><a href="academy.html">Ðнлайн-обÑÑение</a></li> 710 <li><a href="https://cnord.okdesk.ru">ÐапÑÐ¾Ñ Ð² поддеÑжкÑ</a></li> 711 </ul> 712 </div> 713 <div class="cn-menu__col"> 714 <h4 class="cn-menu__title">ÐомпаниÑ</h4> 715 <ul> 716 <li><a href="legal.html">СеÑÑиÑикаÑÑ</a></li> 717 <li><a href="marketing.html">ÐаÑеÑиалÑ</a></li> 718 <li><a href="https://job.cnord.ru/">ÐаканÑии</a></li> 719 <li><a href="banking-information.html">РеквизиÑÑ</a></li> 720 <li><a href="https://www.cnord.ru/opros-2026.html">ÐбÑаÑÐ½Ð°Ñ ÑвÑзÑ</a></li> 721 </ul> 722 </div> 723 <div class="cn-menu__col cn-menu__contact"> 724 <h4 class="cn-menu__title">ÐонÑакÑÑ</h4> 725 <ul> 726 <li><a href="partners.html">Ðде кÑпиÑÑ</a></li> 727 <li><a href="contacts.html">ÐонÑакÑÑ</a></li> 728 </ul> 729 <p class="cn-menu__phone"><span class="roistat-phone-change">+7 (812) 327-16-36</span></p> 730 <p><a href="mailto:[email protected]">[email protected]</a></p> 731 <div class="cn-social"> 732 <a href="https://vk.com/cnord" aria-label="ÐÐонÑакÑе" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.8 16.3c-5.3 0-8.7-3.7-8.8-9.8h2.7c.1 4.5 2.1 6.4 3.6 6.8V6.5h2.5v3.8c1.5-.2 3-1.8 3.6-3.8h2.5c-.4 2.4-2 4-3.1 4.7 1.2.6 2.9 1.9 3.6 4.6h-2.8c-.5-1.7-1.9-3-3.8-3.2v3.2z"/></svg></a> 733 <a href="https://www.youtube.com/user/CnordTV/" aria-label="YouTube" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23 7.5a3 3 0 0 0-2.1-2.1C19 5 12 5 12 5s-7 0-8.9.4A3 3 0 0 0 1 7.5 31 31 0 0 0 .6 12 31 31 0 0 0 1 16.5a3 3 0 0 0 2.1 2.1C5 19 12 19 12 19s7 0 8.9-.4a3 3 0 0 0 2.1-2.1A31 31 0 0 0 23.4 12 31 31 0 0 0 23 7.5zM9.8 15.3V8.7l5.7 3.3z"/></svg></a> 734 <a href="https://t.me/c_nord" aria-label="Telegram" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.8 15.6l-.4 4.1c.5 0 .8-.2 1.1-.5l2-1.9 4 3c.7.4 1.3.2 1.5-.7l2.7-12.6c.3-1.1-.4-1.6-1.1-1.3L3.4 9.9c-1.1.4-1 1-.2 1.3l4.3 1.3L18 5.9c.5-.3.9-.1.6.2L9.8 15.6z"/></svg></a> 735 </div> 736 </div> 737</div>
738 <div class="cn-footer__copy"> 739 <span class="cn-footer__rights"><span class="cn-copy-mark">©</span> C.Nord (Си-ÐоÑд), СанкÑ-ÐеÑеÑбÑÑг, 2019-<span id="cn-year">2026</span></span> 740 <a href="privacy.html">ÐолиÑика конÑиденÑиалÑноÑÑи</a> 741 </div> 742 </div> 743
743<script>(function(){var y=document.getElementById('cn-year');if(y)y.textContent=new Date().getFullYear();})();</script>
743 744</footer> 745<!-- CN-CHROME:FOOTER:END --> 746</body> 747</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.