1<!DOCTYPE html><!--[if IE 9]><html class="ie ie9"> <![endif]--> 2<!--[if gt IE 9]><!--><html lang="ru"><!--<![endif]--> 3<head> 4 <!-- Basic --> 5 <meta charset="utf-8"> 6 <base href="https://www.kgk-global.com/" /> 7 <title>ÐбоÑÑдование ÑиÑÑем мониÑоÑинга ÑÑанÑпоÑÑа | СиÑÑÐµÐ¼Ñ ÐÐÐÐÐСС/GPS мониÑоÑинга | KGK-Global</title> 8 <meta name="description" content="СиÑÑÐµÐ¼Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга ÑÑанÑпоÑÑа ÐÐÐÐÐСС/GPS. СобÑÑÐ²ÐµÐ½Ð½Ð°Ñ ÑазÑабоÑка обоÑÑÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸ ÐÐ. ÐÑÑÑÑÐ°Ñ Ð¾ÐºÑпаемоÑÑÑ! Ðолее 3000 клиенÑов." /> 9 <meta name="keywords" content="" /> 10 <meta name="google-site-verification" content="LKd0A84_iqU8o0_cNvDnk2val5yYVHt7TKyVvwZ2IdI" /> 11 <meta name="google-site-verification" content="TYblSIyxN_52-CD1e6P1c8pRpvxbRjnzMFehbU--qD4" /> 12 <meta name="google-site-verification" content="aRQoZkkQFxapgIjcTNfyMb9I4StFkYPe_bZgpoUuCGA" /> 13 <meta name="yandex-verification" content="c65e3e7fdbd747ac" /> 14 <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" /> 15 <meta name="viewport" content="width=device-width, initial-scale=1"> 16 <meta name="apple-mobile-web-app-capable" content="yes"> 17 <meta name="theme-color" content="#19325A"/> 18 <link crossorigin="anonymous" rel="manifest" href="/assets/template/kgk/manifest.json"> 19 <link rel="shortcut icon" href="/assets/template/kgk/favicon.ico"> 20 <link rel="apple-touch-icon" sizes="76x76" href="/assets/template/kgk/apple-touch-icon-76.png" /> 21 <link rel="apple-touch-icon" sizes="120x120" href="/assets/template/kgk/apple-touch-icon-120.png" /> 22 <link rel="apple-touch-icon" sizes="152x152" href="/assets/template/kgk/apple-touch-icon-152.png" /> 23 <link rel="alternate" hreflang="ru-ua" href="https://www.kgk-global.com/ur/" /> 24 <link rel="alternate" hreflang="uk-ua" href="https://www.kgk-global.com/ua/" /> 25 <link rel="alternate" hreflang="pt" href="" /> 26 <link rel="alternate" hreflang="ru" href="https://www.kgk-global.com/" /> 27 <link rel="alternate" hreflang="x-default" href="https://www.kgk-global.com/en/" /> 28 <!-- Web Fonts --> 29 <link crossorigin="anonymous" href="/assets/template/kgk/fonts/OpenSans/stylesheet.css" rel='stylesheet' type='text/css'> 30 <!-- Libs CSS --> 31 <link href="/assets/template/kgk/css/bootstrap.min.css" rel="stylesheet"> 32 <link href="/assets/template/kgk/css/uikit.min.css" rel="stylesheet"> 33 <link href="/assets/template/kgk/css/style.min.css" rel="stylesheet"> 34 <link href="/assets/template/kgk/css/style.css" rel="stylesheet"> 35<link rel="canonical" href="http://www.kgk-global.com/products"/> 36<link rel="next" href="http://www.kgk-global.com/products?page=2"/> 37</head> 38<body> 39<header class="headline"> 40 <div class="headline-top row"> 41 <div class="container"> 42 <!-- language menu --> 43 <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-xs-6 header-changelang"> 44 <div id="lang" class="dropdown"> 45 <button class="dropdown-toggle" id="langMenu" type="button" data-toggle="dropdown" aria-expanded="true">РоÑÑиÑ</button> 46 <ul class="dropdown-menu" role="menu" aria-labelledby="langMenu"> 47<!-- <li role="presentation"><a role="menuitem" rel="noopener" tabindex="-1" href="https://www.kgk-global.com/ua/">УкÑаÑна</a></li> 48<li role="presentation"><a role="menuitem" rel="noopener" tabindex="-1" href="https://www.kgk-global.com/ur/">УкÑаина</a></li> 49<li role="presentation"><a role="menuitem" rel="noopener" tabindex="-1" href="">Portugues</a></li> --> 50 <li role="presentation"><a role="menuitem" rel="noopener" tabindex="-1" href="https://www.kgk-global.com/en/">English</a></li> 51 </ul> 52 </div> 53 </div> 54 <!-- language menu end --> 55 <!-- Logo for small devices --> 56 <div class="col-sm-2 d-xl-none d-lg-none d-md-none d-sm-flex d-none header-logo"> 57 <a href="https://www.kgk-global.com/" rel="noopener" class="logo"> 58 <img src="/assets/template/kgk/img/logo1.svg" alt="KGK logo"> 59 </a> 60 </div> 61 <!-- Logo for small devices end --> 62 <!-- top menu --> 63 <!-- desktop --> 64 <div class="col-xl-7 col-lg-7 col-md-7 d-xl-flex d-lg-flex d-md-flex d-sm-none d-none header-topmenu__desktop"> 65 <div class="header-top__button"> 66 <a class="button-warning-login button-sm animated fadeIn" name="login" href="https://monitor.kgk-global.com/" hreflang="RU-ru" target="_blank" rel="noopener">ÐойÑи</a> 67 </div> 68 <div class="header-top__button"> 69 <a class="button-normal" href="mobile" rel="noopener">ÐобилÑнÑе пÑиложениÑ</a> 70 </div> 71 <div class="header-top__button"> 72 <a class="button-normal" href="contacts" rel="noopener">ÐонÑакÑÑ</a> 73 </div> 74 </div> 75 <!-- mobile --> 76 <div class="col-sm-3 col-xs-6 d-xl-none d-lg-none d-md-none d-sm-flex d-flex header-topmenu__mobile"> 77 <div class="header-top__button"> 78 <a class="button-warning-login button-sm animated fadeIn" data-btn="mobile-login" hreflang="RU-ru" target="_blank" rel="noopener">ÐойÑи</a> 79 </div> 80 </div> 81 <!-- top menu end --> 82 <!-- phone number -->
83 <div class="col-sm-3 col-xl-3 col-lg-3 col-md-3 d-sm-flex d-xl-flex d-lg-flex d-md-flex header-phone" style="margin:5px 0;"> 84 <span><a rel="noopener" href="tel:+74956680998">+7 (495) 668-09-98</a></span> 85 <span><a rel="noopener" href="tel:+78003336883">+7 (800) 333-68-83</a></span> 86 </div> 87 <!-- phone number end --> 88 </div> 89 </div> 90 <!-- for mobile version, get links to install or use mobile app --> 91
91<script> 92 if (screen.width>768) { 93 this.connect = 'https://monitor.kgk-global.com/?lang=ru'; 94 } else { 95 if (/Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 96 this.connect = 'https://play.google.com/store/apps/details?id=kgk.beacon'; 97 } else { 98 this.connect = 'https://apps.apple.com/ru/app/kgk-monitoring/id1071036999?ls=1'; 99 } 100 }; 101 document.querySelector('a[data-btn="mobile-login"]').setAttribute('href', this.connect); 102 </script>
102 103 <div class="headline-bottom row"> 104 <div class="container"> 105 <!-- logo --> 106 <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6 d-xl-flex d-lg-flex d-md-flex d-sm-none d-flex header-logo"> 107 <a href="https://www.kgk-global.com/" rel="noopener" class="logo" style="margin: -5px 0 -3px;"> 108 <img src="/assets/template/kgk/img/logo1.svg" alt="KGK logo"> 109 </a> 110 </div> 111 <!-- logo end --> 112 <!-- main menu --> 113 <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 d-xl-flex d-lg-flex d-md-flex d-sm-flex d-none header-menu__desktop"> 114 <ul class="header-menu__items"><li class="header-menu__item"><a href="monitoring" >ÐозможноÑÑи</a></li><li class="header-menu__dropdown-menu-item"><a href="complexes" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown" >РеÑениÑ</a><ul class="header-menu__items"><li class="header-menu__item"><a href="cargo" >ÐÑÑзопеÑевозки</a></li><li class="header-menu__item"><a href="taxi" >ТакÑи</a></li><li class="header-menu__item"><a href="corporate" >ÐоÑпоÑаÑивнÑе паÑки</a></li><li class="header-menu__item"><a href="passengers" >ÐаÑÑажиÑопеÑевозки</a></li><li class="header-menu__item"><a href="special" >СпеÑÑÐµÑ Ð½Ð¸ÐºÐ° ÐÐÐ¥</a></li></ul></li><li class="header-menu__dropdown-menu-item"><a href="products" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown" >ÐбоÑÑдование</a><ul class="header-menu__items"><li class="header-menu__item"><a href="trackers" >GPS/GLONASS ÑÑекеÑÑ</a></li><li class="header-menu__item"><a href="sensors" >ÐаÑÑики ÑиÑÑÐµÐ¼Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга</a></li></ul></li><li class="header-menu__item"><a href="kgkcompany" >РнаÑ</a></li></ul> 115 </div> 116 <!-- mobile --> 117 <div class="col-xs-6 d-xl-none d-lg-none d-md-none d-sm-none d-flex header-menu__mobile dropdown"> 118 <button class="header-menu__mobile-toggle dropdown-toggle"type="button" id="dropdownMenuMain" aria-label="менÑ" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 119 <svg class="ham hamRotate ham4" viewBox="0 0 100 100" width="80" onclick="this.classList.toggle('active')"> 120 <path class="line top" d="m 70,33 h -40 c 0,0 -8.5,-0.149796 -8.5,8.5 0,8.649796 8.5,8.5 8.5,8.5 h 20 v -20" /> 121 <path class="line middle" d="m 70,50 h -40" /> 122 <path class="line bottom" d="m 30,67 h 40 c 0,0 8.5,0.149796 8.5,-8.5 0,-8.649796 -8.5,-8.5 -8.5,-8.5 h -20 v 20" /> 123 </svg> 124 </button> 125 <div id="dropdownMenuMainBody" class="dropdown-menu" aria-labelledby="dropdownMenuMain"> 126 <ul class="header-menu__items"><li class="header-menu__item"><a href="monitoring" >ÐозможноÑÑи</a></li><li class="header-menu__dropdown-menu-item"><a href="complexes" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown" >РеÑениÑ</a><ul class="header-menu__items"><li class="header-menu__item"><a href="cargo" >ÐÑÑзопеÑевозки</a></li><li class="header-menu__item"><a href="taxi" >ТакÑи</a></li><li class="header-menu__item"><a href="corporate" >ÐоÑпоÑаÑивнÑе паÑки</a></li><li class="header-menu__item"><a href="passengers" >ÐаÑÑажиÑопеÑевозки</a></li><li class="header-menu__item"><a href="special" >СпеÑÑÐµÑ Ð½Ð¸ÐºÐ° ÐÐÐ¥</a></li></ul></li><li class="header-menu__dropdown-menu-item"><a href="products" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown" >ÐбоÑÑдование</a><ul class="header-menu__items"><li class="header-menu__item"><a href="trackers" >GPS/GLONASS ÑÑекеÑÑ</a></li><li class="header-menu__item"><a href="sensors" >ÐаÑÑики ÑиÑÑÐµÐ¼Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга</a></li></ul></li><li class="header-menu__item"><a href="kgkcompany" >РнаÑ</a></li></ul> 127 </div> 128 </div> 129 <!-- main menu end --> 130 <!-- recall form --> 131 <div class="col-xl-2 col-lg-2 col-md-2 d-xl-flex d-lg-flex d-md-flex d-sm-none d-none header-recall"> 132 <div class="header-bottom__button"> 133 <button type="button" class ="button-l button-primary animated fadeInDown" data-toggle="modal" data-target="#callBack">ÐбÑаÑнÑй звонок</button> 134 </div> 135 </div> 136 <!-- recall form end --> 137 </div> 138 </div> 139</header> 140<div class="row row-differ"></div> 141<div class="row row-transparent"> 142 <div class="container"> 143 <div class="breadcrumbs-container"><ul class="B_crumbBox" itemscope itemtype="https://schema.org/BreadcrumbList"><li class="B_firstCrumb" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a class="B_homeCrumb" itemprop="item" rel="ÐлавнаÑ" href="https://www.kgk-global.com/"><span itemprop="name"><span style="font-size:0;">Home</span><img src="../assets/template/kgk/img/homepage.svg" style="width:auto;height:10px;" alt="" /></span><meta itemprop="position" content="1" /></a></li> 144 <img src="../assets/template/kgk/img/separator.svg"style="width:auto;height:10px;margin-top:6px;" alt="" /> <li class="B_lastCrumb" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a class="B_currentCrumb" itemprop="item" rel="СиÑÑÐµÐ¼Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга ÑÑанÑпоÑÑа ÐÐÐÐÐСС/GPS. СобÑÑÐ²ÐµÐ½Ð½Ð°Ñ ÑазÑабоÑка обоÑÑÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸ ÐÐ. ÐÑÑÑÑÐ°Ñ Ð¾ÐºÑпаемоÑÑÑ! Ðолее 3000 клиенÑов." href="products"><span itemprop="name">ÐбоÑÑдование Ð´Ð»Ñ ÑиÑÑем мониÑоÑинга</span><meta itemprop="position" content="1" /></a></li> 145</ul></div> 146 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 section-devicesfull"> 147 <h2 class="section-devicesfull__title">УÑÑÑойÑÑва Ð´Ð»Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга ÑÑанÑпоÑÑа</h2> 148 <div class="section-devicesfull__items"> 149 <!-- items grid --> 150 <div class="section-devicesfull__item"> 151 <div class="section-devicesfull__item-text"> 152 <h3 class="section-devicesfull__item-title">ТÑекеÑÑ GPS/GLONASS</h3> 153 <p class="section-devicesfull__item-descr">УÑÑÑойÑÑва, опÑеделÑÑÑие меÑÑоположение и ÑкоÑоÑÑÑ ÑÑанÑпоÑÑного ÑÑедÑÑва за ÑÑÐµÑ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¹ GPS и ÐÐÐÐÐСС.</p> 154 <div class="section-devicesfull__item-readmore"> 155 <a class="button-primary button-l" href="trackers" rel="noopener">ÐеÑейÑи <i></i></a> 156 </div> 157 </div> 158 <div class="section-devicesfull__item-img"> 159 <a href="trackers" rel="noopener"> 160 <img src="/assets/template/kgk/img/devices/tracker.png" alt="ТÑекеÑÑ GPS/GLONASS"> 161 </a> 162 </div> 163 </div> 164 <!-------> 165 <div class="section-devicesfull__item"> 166 <div class="section-devicesfull__item-text"> 167 <h3 class="section-devicesfull__item-title">ТеÑминал FORT-112EG-M</h3> 168 <p class="section-devicesfull__item-descr">ТеÑминал ÑазÑабоÑан ÑпеÑиалÑно Ð´Ð»Ñ Ð¾ÑнаÑÐµÐ½Ð¸Ñ ÑÑанÑпоÑÑнÑÑ ÑÑедÑÑв ÑоглаÑно 153 поÑÑÐ°Ð½Ð¾Ð²Ð»ÐµÐ½Ð¸Ñ ÐÑавиÑелÑÑÑва РФ.</p> 169 <div class="section-devicesfull__item-readmore"> 170 <a class="button-primary button-l" href="tracker-fort-112eg-m" rel="noopener">ÐеÑейÑи <i></i></a> 171 </div> 172 </div> 173 <div class="section-devicesfull__item-img"> 174 <a href="tracker-fort-112eg-m" rel="noopener"> 175 <img src="/assets/template/kgk/img/devices/tracker-fort112.png" alt="ТеÑминал FORT-112EG-M"> 176 </a> 177 </div> 178 </div> 179 <!----ÐвÑономнÑй воздÑÑнÑй оÑопиÑелÑ---> 180<!-- <div class="section-devicesfull__item"> 181 <div class="section-devicesfull__item-text"> 182 <h3 class="section-devicesfull__item-title">ÐвÑономнÑй воздÑÑнÑй оÑопиÑелÑ</h3> 183 <p class="section-devicesfull__item-descr">УÑÑÑойÑÑво поддеÑÐ¶Ð¸Ð²Ð°ÐµÑ Ð·Ð°Ð´Ð°Ð½Ð½ÑÑ ÑемпеÑаÑÑÑÑ Ð² Ñалоне даже Ñ Ð²ÑклÑÑеннÑм двигаÑелем.</p> 184 <div class="section-devicesfull__item-readmore"> 185 <a class="button-primary button-l" href="eberspacher-airtronic" rel="noopener">ÐеÑейÑи <i></i></a> 186 </div> 187 </div> 188 <div class="section-devicesfull__item-img"> 189 <a href="eberspacher-airtronic" rel="noopener"> 190 <img src="/assets/template/kgk/img/devices/eberspacher.png" alt="ÐвÑономнÑй воздÑÑнÑй оÑопиÑелÑ"> 191 </a> 192 </div> 193</div> --> 194 <!-------> 195 <div class="section-devicesfull__item"> 196 <div class="section-devicesfull__item-text"> 197 <h3 class="section-devicesfull__item-title">ÐаÑÑики ÑиÑÑÐµÐ¼Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга</h3> 198 <p class="section-devicesfull__item-descr">ÐаÑÑики позволÑÑÑ ÑаÑÑиÑиÑÑ ÑÑнкÑионал ÑиÑÑÐµÐ¼Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга под поÑÑебноÑÑи ваÑего бизнеÑа.</p> 199 <div class="section-devicesfull__item-readmore"> 200 <a class="button-primary button-l" href="sensors" rel="noopener">ÐеÑейÑи <i></i></a> 201 </div> 202 </div> 203 <div class="section-devicesfull__item-img"> 204 <a href="sensors" rel="noopener"> 205 <img src="/assets/template/kgk/img/devices/sensor-dut.png" alt="ÐаÑÑики ÑиÑÑÐµÐ¼Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга"> 206 </a> 207 </div> 208 </div> 209 <!----Ð¢Ð°Ñ Ð¾Ð³ÑаÑÑ---> 210<!-- <div class="section-devicesfull__item"> 211 <div class="section-devicesfull__item-text"> 212 <h3 class="section-devicesfull__item-title">Ð¢Ð°Ñ Ð¾Ð³ÑаÑÑ</h3> 213 <p class="section-devicesfull__item-descr">УÑÑÑойÑÑва, обеÑпеÑиваÑÑие непÑеÑÑвнÑÑ Ð½ÐµÐºÐ¾ÑÑекÑиÑÑемÑÑ ÑегиÑÑÑаÑÐ¸Ñ Ð´Ð°Ð½Ð½ÑÑ Ð¾ ÑкоÑоÑÑи, маÑÑÑÑÑе Ð´Ð²Ð¸Ð¶ÐµÐ½Ð¸Ñ ÑÑанÑпоÑÑного ÑÑедÑÑва, а Ñакже вÑемени ÑабоÑÑ Ð²Ð¾Ð´Ð¸ÑелÑ.</p> 214 <div class="section-devicesfull__item-readmore"> 215 <a class="button-primary button-l" href="taho" rel="noopener">ÐеÑейÑи <i></i></a> 216 </div> 217 </div> 218 <div class="section-devicesfull__item-img"> 219 <a href="taho" rel="noopener"> 220 <img src="/assets/template/kgk/img/devices/taho-shtrih.png" alt="Ð¢Ð°Ñ Ð¾Ð³ÑаÑÑ"> 221 </a> 222 </div> 223</div> --> 224 <!-------> 225 <div class="section-devicesfull__item"> 226 <div class="section-devicesfull__item-text"> 227 <h3 class="section-devicesfull__item-title">ÐаÑÑÑ Ð´Ð»Ñ ÑÐ°Ñ Ð¾Ð³ÑаÑа</h3> 228 <p class="section-devicesfull__item-descr">âÐлÑÑиâ, коÑоÑÑе обеÑпеÑиваÑÑ Ð¸Ð´ÐµÐ½ÑиÑикаÑÐ¸Ñ Ð¸ аÑÑенÑиÑикаÑÐ¸Ñ Ð²Ð¾Ð´Ð¸ÑÐµÐ»Ñ Ñ Ð¿Ñименением ÑиÑÑовалÑнÑÑ ÑÑедÑÑв.</p> 229 <div class="section-devicesfull__item-readmore"> 230 <a class="button-primary button-l" href="cart" rel="noopener">ÐеÑейÑи <i></i></a> 231 </div> 232 </div> 233 <div class="section-devicesfull__item-img"> 234 <a href="cart" rel="noopener"> 235 <img src="/assets/template/kgk/img/devices/cards.png" alt="ÐаÑÑÑ Ð´Ð»Ñ ÑÐ°Ñ Ð¾Ð³ÑаÑа"> 236 </a> 237 </div> 238 </div> 239 <!-- items grid end --> 240 </div> 241 </div> 242 </div> 243</div> 244 245 246<div class="row row-transparent"> 247 <div class="container"> 248 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 section-articles"> 249 <h2 class="section-articles__title">ÐаÑи пÑбликаÑии:</h2> 250 <div class="section-articles__items"> 251 <!-- items grid --> 252 <ul class="section-articles__items-listbox"> 253 <li class="section-articles__item"> 254 <div class="section-articles__item-img"> 255 <a href="sroki-osnashheniya-taxografami-ts-fizicheskix-licz"><img src="/assets/images/articles/ru/art-022-thumb.jpg" alt="СÑоки оÑнаÑÐµÐ½Ð¸Ñ ÑÐ°Ñ Ð¾Ð³ÑаÑами ТС ÑизиÑеÑÐºÐ¸Ñ Ð»Ð¸Ñ"></a> 256 </div> 257 <div class="section-articles__item-text"> 258 <h3 class="section-articles__item-title">СÑоки оÑнаÑÐµÐ½Ð¸Ñ ÑÐ°Ñ Ð¾Ð³ÑаÑами ТС ÑизиÑеÑÐºÐ¸Ñ Ð»Ð¸Ñ</h3> 259 <div class="section-articles__item-readmore"> 260 <a class="button-normal button-l" href="sroki-osnashheniya-taxografami-ts-fizicheskix-licz" rel="noopener">ÐодÑобнее</a> 261 </div> 262 </div> 263</li> 264<li class="section-articles__item"> 265 <div class="section-articles__item-img"> 266 <a href="dut-prolong"><img src="/assets/images/articles/ru/art-001-thumb.jpg" alt="Ðак пÑодлиÑÑ ÑÑок ÑлÑÐ¶Ð±Ñ Ð´Ð°ÑÑика ÑÑÐ¾Ð²Ð½Ñ Ñоплива (ÐУТ)"></a> 267 </div> 268 <div class="section-articles__item-text"> 269 <h3 class="section-articles__item-title">Ðак пÑодлиÑÑ ÑÑок ÑлÑÐ¶Ð±Ñ Ð´Ð°ÑÑика ÑÑÐ¾Ð²Ð½Ñ Ñоплива (ÐУТ)</h3> 270 <div class="section-articles__item-readmore"> 271 <a class="button-normal button-l" href="dut-prolong" rel="noopener">ÐодÑобнее</a> 272 </div> 273 </div> 274</li> 275<li class="section-articles__item"> 276 <div class="section-articles__item-img"> 277 <a href="glonass-na-avtomobil-s-2018-goda-dobrovolno-ili-prinuditelno"><img src="/assets/images/articles/ru/art-002-thumb.jpg" alt="ÐлонаÑÑ Ð½Ð° авÑÐ¾Ð¼Ð¾Ð±Ð¸Ð»Ñ Ñ 2018 года добÑоволÑно или пÑинÑдиÑелÑно"></a> 278 </div> 279 <div class="section-articles__item-text"> 280 <h3 class="section-articles__item-title">ÐлонаÑÑ Ð½Ð° авÑÐ¾Ð¼Ð¾Ð±Ð¸Ð»Ñ Ñ 2018 года добÑоволÑно или пÑинÑдиÑелÑно</h3> 281 <div class="section-articles__item-readmore"> 282 <a class="button-normal button-l" href="glonass-na-avtomobil-s-2018-goda-dobrovolno-ili-prinuditelno" rel="noopener">ÐодÑобнее</a> 283 </div> 284 </div> 285</li> 286<li class="section-articles__item"> 287 <div class="section-articles__item-img"> 288 <a href="glonass-na-lichny-avto"><img src="/assets/images/articles/ru/art-003-thumb.jpg" alt="УÑÑановка глонаÑÑ Ð½Ð° лиÑнÑй авÑÐ¾Ð¼Ð¾Ð±Ð¸Ð»Ñ ÐºÐ°Ðº гаÑанÑÐ¸Ñ Ð±ÐµÐ·Ð¾Ð¿Ð°ÑноÑÑи"></a> 289 </div> 290 <div class="section-articles__item-text"> 291 <h3 class="section-articles__item-title">УÑÑановка глонаÑÑ Ð½Ð° лиÑнÑй авÑÐ¾Ð¼Ð¾Ð±Ð¸Ð»Ñ ÐºÐ°Ðº гаÑанÑÐ¸Ñ Ð±ÐµÐ·Ð¾Ð¿Ð°ÑноÑÑи</h3> 292 <div class="section-articles__item-readmore"> 293 <a class="button-normal button-l" href="glonass-na-lichny-avto" rel="noopener">ÐодÑобнее</a> 294 </div> 295 </div> 296</li> 297 </ul> 298 <!-- items grid end --> 299 </div> 300 <div class="section-articles__readmore"> 301 <
301a class="button-primary button-l" href="articles" rel="noopener">ÐÑе пÑбликаÑии</a> 302 </div> 303 </div> 304 </div> 305</div> 306<footer class="footline"> 307 <div class="footline-top row"> 308 <div class="container"> 309 <!-- bottom menu 1 --> 310 <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-12 bottom-menu bottom-menu1"> 311 <h4 class="bottom-menu__title"></h4> 312 <ul class="bottom-menu__items"> 313 <li class="bottom-menu__main"><a href="monitoring" rel="noopener">ÐозможноÑÑи</a></li> 314 <!--<li class="bottom-menu__main"><a href="calculator" rel="noopener">ÐалÑкÑлÑÑÐ¾Ñ ÑÑоимоÑÑи</a></li>--> 315 <li class="bottom-menu__main"><a href="articles" rel="noopener">ÐÑбликаÑии</a></li> 316 <li class="bottom-menu__main"><a href="mobile" rel="noopener">ÐобилÑнÑе пÑиложениÑ</a></li> 317 <li class="bottom-menu__main"><a href="kgkcompany" rel="noopener">Ркомпании</a></li> 318 <li class="bottom-menu__main"><a href="contacts" rel="noopener">ÐонÑакÑÑ</a></li> 319 </ul> 320 </div> 321 <!-- bottom menu 1 end --> 322 <!-- bottom menu 2 --> 323 <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-6 bottom-menu bottom-menu2"> 324 <h4 class="bottom-menu__title"></h4> 325 <h4 class="bottom-menu__main"><a href="complexes" rel="noopener">РеÑениÑ</a></h4> 326 <ul class="bottom-menu__items"> 327 <li class="bottom-menu__item"><a href="cargo" rel="noopener">ÐÑÑзопеÑевозки</a></li> 328 <li class="bottom-menu__item"><a href="taxi" rel="noopener">ТакÑи</a></li> 329 <li class="bottom-menu__item"><a href="corporate" rel="noopener">ÐоÑпоÑаÑивнÑе паÑки</a></li> 330 <li class="bottom-menu__item"><a href="passengers" rel="noopener">ÐаÑÑажиÑопеÑевозки</a></li> 331 <li class="bottom-menu__item"><a href="special" rel="noopener">СпеÑÑÐµÑ Ð½Ð¸ÐºÐ° ÐÐÐ¥</a></li> 332 </ul> 333 </div> 334 <!-- bottom menu 2 end --> 335 <!-- bottom menu 3 --> 336 <div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-6 bottom-menu bottom-menu3"> 337 <h4 class="bottom-menu__title"></h4> 338 <h4 class="bottom-menu__main"><a href="products" rel="noopener">ÐбоÑÑдование</a></h4> 339 <ul class="bottom-menu__items"> 340 <li class="bottom-menu__item"><a href="trackers" rel="noopener">GPS/ÐÐÐÐÐСС ТÑекеÑÑ</a></li> 341 <li class="bottom-menu__item"><a href="sensors" rel="noopener">ÐаÑÑики ÑиÑÑÐµÐ¼Ñ Ð¼Ð¾Ð½Ð¸ÑоÑинга</a></li> 342<!-- <li class="bottom-menu__item"><a href="eberspacher-airtronic" rel="noopener">ÐвÑономнÑй воздÑÑнÑй оÑопиÑелÑ</a></li> --> 343 </ul> 344 </div> 345 <!-- bottom menu 3 end --> 346 <!-- contact block 1 --> 347 <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 bottom-contacts"> 348 <div class="bottom-contacts__item"> 349 <p>ÐоддеÑжка</p> 350 <span><a href="tel:+78003336883" rel="noopener">+7 (800) 333-68-83</a></span> 351 <p>[email protected]</p> 352 </div> 353 <div class="bottom-contacts__item"> 354 <p>ÐодклÑÑение</p> 355 <span><a href="tel:+74956680998" rel="noopener">+7 (495) 668-09-98</a></span> 356 <p>[email protected]</p> 357 </div> 358 <div class="bottom-contacts__item"> 359 <p>117513, ÐоÑква, <br>ÐенинÑкий пÑоÑп., д.137, к. 1</p> 360 </div> 361 <div class="bottom-contacts__social"> 362 <a href="https://www.facebook.com/kgkglobal.team/" rel="noopener" class="social-icon">
363 <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> 364 <path class="hovered" d="M42.6969 8.33325H43.4685V16.8465H38.3341C37.7906 16.8483 37.6395 16.9147 37.5767 16.9636C37.5268 17.0024 37.3964 17.1404 37.2863 17.7208V21.6673H43.5556L42.6629 29.9988H37.2863V49.9999H27.4396V29.9988H23.5V21.6673H27.4396V15.7113C27.4396 12.79 29.0144 11.1384 29.8386 10.4516C30.2426 10.115 30.9697 9.59932 31.8001 9.16394C32.6111 8.73878 33.6262 8.33326 34.5752 8.33325H42.6969Z" fill="white"/> 365 <path class="hovered" fill-rule="evenodd" clip-rule="evenodd" d="M0.5 4.03226C0.5 1.8053 2.3053 0 4.53226 0H46.4677C48.6947 0 50.5 1.8053 50.5 4.03226V45.9677C50.5 48.1947 48.6947 50 46.4677 50H4.53226C2.3053 50 0.5 48.1947 0.5 45.9677V4.03226ZM4.53226 1.6129C3.19609 1.6129 2.1129 2.69609 2.1129 4.03226V45.9677C2.1129 47.3039 3.19609 48.3871 4.53226 48.3871H46.4677C47.8039 48.3871 48.8871 47.3039 48.8871 45.9677V4.03226C48.8871 2.69609 47.8039 1.6129 46.4677 1.6129H4.53226Z" fill="white"/> 366 </svg> 367 <span style="display:none;">гÑÑппа Facebook</span> 368 </a> 369 <a href="https://vk.com/kgk.global" rel="noopener" class="social-icon"> 370 <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> 371 <path class="hovered" fill-rule="evenodd" clip-rule="evenodd" d="M46.6667 1.66667H3.33333C2.41286 1.66667 1.66667 2.41286 1.66667 3.33333V46.6667C1.66667 47.5871 2.41286 48.3333 3.33333 48.3333H46.6667C47.5871 48.3333 48.3333 47.5871 48.3333 46.6667V3.33333C48.3333 2.41286 47.5871 1.66667 46.6667 1.66667ZM3.33333 0C1.49238 0 0 1.49238 0 3.33333V46.6667C0 48.5076 1.49238 50 3.33333 50H46.6667C48.5076 50 50 48.5076 50 46.6667V3.33333C50 1.49238 48.5076 0 46.6667 0H3.33333Z" fill="white"/> 372 <path class="hovered" d="M20.5094 12.5929C22.3425 12.4892 25.5624 12.4115 27.3026 12.7077C27.8034 12.793 28.3319 12.9892 28.7491 13.3652C29.188 13.7609 29.4565 14.3162 29.4565 14.9896C29.4565 16.2881 29.438 17.2518 29.4212 18.1281C29.3919 19.6581 29.3677 20.9211 29.4559 23.2331C29.4745 23.7218 29.6787 23.9455 29.757 23.9897C29.7791 24.0021 29.7932 24.0061 29.8279 23.9969C29.8763 23.9842 30.0053 23.9303 30.1883 23.7225C31.1507 22.6296 32.262 20.8372 33.2065 19.143C34.1451 17.4596 34.879 15.9467 35.0907 15.458C35.1241 15.3809 35.1583 15.3001 35.1924 15.2195L35.1925 15.2193L35.1926 15.2191C35.2591 15.0617 35.3254 14.9049 35.3852 14.7777C35.4807 14.5743 35.6068 14.3376 35.8001 14.132C36.2491 13.6543 36.8382 13.5651 37.4548 13.5651C37.7303 13.5651 38.2786 13.5587 38.9683 13.5507L38.9684 13.5507C39.6661 13.5425 40.5087 13.5327 41.36 13.5261C43.0117 13.5132 44.7458 13.5116 45.3559 13.5688C45.8746 13.6174 46.3139 13.8733 46.5769 14.3169C46.8117 14.7133 46.8518 15.1685 46.8268 15.5559C46.7767 16.3361 46.4373 17.2341 46.0049 18.005C45.5751 18.7713 44.6371 20.0932 43.5552 21.5674C42.8906 22.4729 42.1536 23.4599 41.4213 24.4407L41.4202 24.4423C40.9502 25.0717 40.4822 25.6985 40.0365 26.2995C39.9374 26.4331 39.9156 26.5586 39.9822 26.7666C40.0621 27.0159 40.258 27.3182 40.5513 27.6543C41.3453 28.5639 42.0067 29.1383 42.6022 29.6455L42.7058 29.7336C43.2604 30.2053 43.8066 30.6697 44.3018 31.307C44.4821 31.5391 44.6897 31.7776 44.9216 32.044L44.9218 32.0443L45.0542 32.1966C45.3307 32.5153 45.6312 32.8682 45.8967 33.2393C46.4121 33.9595 46.9145 34.9083 46.7249 35.9949C46.5897 36.7697 46.1163 37.2684 45.5275 37.537C44.9917 37.7814 44.3747 37.8324 43.8525 37.8324H37.9416C36.228 37.8324 34.9361 36.7367 34.0515 35.9543C33.2812 35.2729 32.755 34.6088 32.3123 34.0501L32.3123 34.05L32.1979 33.9059C31.7244 33.3108 31.3474 32.8696 30.8077 32.5145C30.5315 32.3328 30.4355 32.342 30.4248 32.3435C30.4204 32.3441 30.3876 32.3486 30.3202 32.3985C30.2459 32.4535 30.1364 32.5591 29.9966 32.7547C29.5025 33.4464 29.4565 34.1713 29.4565 35.3301C29.4565 35.9858 29.2395 36.5809 28.7802 37.0063C28.3307 37.4226 27.7436 37.589 27.1628 37.589H27.1505H27.1504C26.0623 37.589 24.7554 37.589 23.4936 37.5C22.2403 37.4116 20.9559 37.2315 19.9415 36.837C16.6392 35.5527 13.3426 33.1405 10.3344 28.5924C7.38448 24.1326 5.5551 20.4401 4.56568 18.214L4.44538 17.9437C4.25269 17.5113 4.07676 17.1164 3.93437 16.77C3.76524 16.3586 3.62022 15.9614 3.54925 15.6038C3.48077 15.2587 3.45011 14.8027 3.68822 14.3835C3.94126 13.938 4.37443 13.7425 4.76115 13.6552C5.1162 13.575 5.72832 13.5306 6.38294 13.5034C7.06512 13.475 7.87438 13.463 8.67175 13.4652C9.46918 13.4674 10.2626 13.4839 10.9134 13.5133C11.5255 13.541 12.1077 13.5831 12.4138 13.6596C12.7051 13.7324 12.9044 13.9255 12.9939 14.0178C13.109
37214.1365 13.2172 14.278 13.3158 14.4198C13.5147 14.706 13.7358 15.0834 13.9671 15.5041C14.3034 16.1158 14.692 16.8761 15.1022 17.6787L15.1022 17.6788C15.2567 17.981 15.4143 18.2892 15.5732 18.5978C16.1614 19.7395 16.7765 20.9003 17.3672 21.8664C17.9793 22.8674 18.4955 23.5389 18.8642 23.8138C19.1521 24.0285 19.314 24.0857 19.3803 24.1014C19.4014 24.0729 19.4336 24.0203 19.473 23.9281C19.5817 23.6741 19.6669 23.2918 19.7359 22.7931C19.7868 22.4253 19.8235 22.041 19.8614 21.6444L19.8614 21.6443L19.8615 21.6438C19.8744 21.5088 19.8874 21.3724 19.9012 21.2348C19.9979 20.2678 19.9579 19.0697 19.7983 18.0426C19.7185 17.5296 19.6127 17.0836 19.4909 16.7429C19.4302 16.5731 19.3704 16.4432 19.3162 16.3498C19.2625 16.2575 19.2285 16.2254 19.2261 16.2232C19.0795 16.1021 18.7992 15.9895 18.4698 15.9107C18.3198 15.8748 18.184 15.8515 18.0862 15.8373C18.0378 15.8303 17.9997 15.8256 17.9753 15.8229L17.9495 15.8201L17.9469 15.8199L17.9459 15.8198L17.9452 15.8197L16.7488 15.717L17.2659 14.6313L18.0182 14.9896C17.2659 14.6313 17.2662 14.6305 17.2662 14.6305L17.2666 14.6297L17.2674 14.6281L17.2692 14.6243L17.2737 14.6151L17.2863 14.5904C17.2962 14.5712 17.3093 14.5467 17.3257 14.5175C17.3585 14.4593 17.4049 14.382 17.4661 14.2919C17.5879 14.1124 17.7714 13.8769 18.027 13.6378C18.5441 13.1541 19.3561 12.6582 20.5094 12.5929Z" fill="white"/> 373 </svg> 374 <span style="display:none;">гÑÑппа вÐонÑакÑе</span> 375 </a> 376 </div> 377 <div class="bottom-contacts__item"> 378 <a href="privacy-policy" rel="noopener">ÐолиÑика обÑабоÑки <br>пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a> 379 </div> 380 </div> 381 <!-- contact block end --> 382 </div> 383 </div> 384 <div class="footline-bottom row"> 385 <div class="container"> 386 <!-- legacy --> 387 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 bottom-line"> 388 <p>© 2020, ÐÐÐ "ÐÐÐ"</p> 389
389<script type="text/javascript"> //<![CDATA[ 390 var tlJsHost = ((window.location.protocol == "https:") ? "https://secure.trust-provider.com/" : "http://www.trustlogo.com/"); 391 document.write(unescape("%3Cscript src='" + tlJsHost + "trustlogo/javascript/trustlogo.js' type='text/javascript'%3E%3C/script%3E")); 392 //]]> 393 </script>
393 394
394<script language="JavaScript" type="text/javascript"> 395 TrustLogo("https://www.kgk-global.com/assets/images/sectigo_trust_seal_sm_82x32.png", "CL1", "none"); 396 </script>
396 397 <a class="hidden" href="https://ssl.comodo.com/wildcard-ssl-certificates.php" id="comodoTL">Wildcard SSL</a> 398 </div> 399 <!-- legacy end --> 400 </div> 401 </div> 402</footer> 403<!-- Google Analytics counter -->
404<script type="text/javascript">
vendor: 345 bytes, lines 404-410
404 405 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 406 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 407 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 408 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 409 410 ga('create', '
410UA-60684717-3
vendor: 39 bytes, lines 410-412
410', 'auto'); 411 ga('send', 'pageview'); 412
413</script>
413 414<!-- Google Analytics counter --> 415 416<!-- Yandex.Metrika counter -->
417<script type="text/javascript"> 418(function (d, w, c) { 419 (w[c] = w[c] || []).push(function() { 420 try { 421 w.yaCounter29428570 = new Ya.Metrika({id:29428570, 422 webvisor:true, 423 clickmap:true, 424 trackLinks:true, 425 accurateTrackBounce:true}); 426 } catch(e) { } 427 }); 428 429 var n = d.getElementsByTagName("script")[0], 430 s = d.createElement("script"), 431 f = function () { n.parentNode.insertBefore(s, n); }; 432 s.type = "text/javascript"; 433 s.async = true; 434 s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; 435 436 if (w.opera == "[object Opera]") { 437 d.addEventListener("DOMContentLoaded", f, false); 438 } else { f(); } 439})(document, window, "yandex_metrika_callbacks"); 440</script>
440 441<noscript><div><img src="//mc.yandex.ru/watch/29428570" style="position:absolute; left:-9999px;" alt="ЯндекÑ.ÐеÑÑика" /></div></noscript> 442<!-- /Yandex.Metrika counter --> 443 444<!-- callback form --> 445<div class="modal fade" id="callBack" tabindex="-1" role="dialog" aria-labelledby="callBack" aria-hidden="true"> 446 <div class="modal-dialog" role="document"> 447 <div class="modal-content"> 448 <div id="appCallBack"> 449 <form id="appCallBackForm" class="modal-form" name="callBack" v-if="showForm" @submit.prevent="submit" method="post" role="form" accept-charset="UTF-8" > 450 <div class="modal-header"> 451 <button v-on:click="reset" type="button" class="close" data-dismiss="modal" aria-label="close">+</button> 452 <h4 class="modal-title">ÐеÑезвоним в ÑеÑение 10 минÑÑ.</h4> 453 </div> 454 <div class="modal-body"> 455 <div class="form-group"> 456 <div class="input-group"> 457 <label class="appCallBack" :class="field1.valid">{{field1.name}}</label> 458 <input type="text" :placeholder="field1.placeholder" v-model="field1.value" @input="checkValid(field1)"/> 459 </div> 460 </div> 461 <div class="form-group"> 462 <div class="input-group"> 463 <label class="appCallBack" :class="field2.valid">{{field2.name}}</label> 464 <input type="text" :placeholder="field2.placeholder" v-model="field2.value" @input="checkValid(field2)"/> 465 </div> 466 </div> 467 <div class="form-group"> 468 <div class="checkbox-group"> 469 <label class="appCallBack" :class="field3.valid">{{field3.name}}</label> 470 <input type="checkbox" v-model="field3.checked" @input="checkTeam(field3)"/> 471 </div> 472 </div> 473 <div class="form-group"> 474 <div class="checkbox-group"> 475 <label class="appCallBack" :class="field4.valid">{{field4.name}}<a href="privacy-policy" rel="noopener" target="_blank">{{field4.link}}</a>{{field4.name2}}</label> 476 <input type="checkbox" v-model="field4.value" @input="checkActive(field4)"/> 477 </div> 478 </div> 479 <div class="form-group"> 480 <p class="additive">ÐолÑ, оÑмеÑеннÑе *, обÑзаÑелÑÐ½Ñ Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.</p> 481 </div> 482 <div class="form-group"> 483 <div class="input-group justify-content-center"> 484 <div class="g-recaptcha" data-sitekey="6LeKZjMsAAAAAMmfhVTJ9LJf-bN-wjALViLYHofR"></div> 485 </div> 486</div>
vendor: 106 bytes, lines 486-488
486 487<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru"></script> 488
488<div class="form-group form-progress hidden"> 489 <p class="additive"><span>ÐÑогÑеÑÑ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ ÑоÑмÑ: </span></p> 490 <div class="progress"> 491 <div class="progress-bar" :style="'width:' + widthBar + '%'"></div> 492 </div> 493 </div> 494 </div> 495 <div class="modal-footer"> 496 <div class="form-group"> 497 <div class="button-group"> 498 <button type="submit" class="button-warning-inverse button-xl" v-on:click="dataSubmit(field1, field2, field3, field4)" :disabled="!isValid">ÐеÑезвониÑе мне</button> 499 </div> 500 </div> 501 </div> 502 </form> 503 <div v-else> 504 <div class="modal-form"> 505 <div class="modal-header"> 506 <button v-on:click="reset" type="button" class="close" data-dismiss="modal" aria-label="close">+</button> 507 <h4 class="modal-title">СпаÑибо!</h4> 508 </div> 509 <div class="modal-body"> 510 <p class="modal-descr">ÐаÑа заÑвка ÑÑпеÑно оÑпÑавлена.</p> 511 </div> 512 <div class="modal-footer"></div> 513 </div> 514 </div> 515</div>
516<script> 517 // Callback form 518 519 window.addEventListener('DOMContentLoaded', function() { 520 new Vue({ 521 el: '#appCallBack', 522 data: { 523 field1: { 524 name: 'ÐведиÑе имÑ*', 525 placeholder: 'Ðак к вам обÑаÑиÑÑÑÑ', 526 value: '', 527 pattern: /^[a-zA-Zа-ÑÐ-Я ]{2,30}$/, 528 valid: null 529 }, 530 field2: { 531 name: `ÐведиÑе ÑелеÑон*`, 532 placeholder: 'ÐÐ¾Ð¼ÐµÑ ÑелеÑона', 533 value: '', 534 pattern: /^[0-9\+\-\(\)\s]{10,18}$/, 535 valid: null 536 }, 537 field3: { 538 name: 'Я ÑвлÑÑÑÑ ÐºÐ»Ð¸ÐµÐ½Ñом компании', 539 value: false, 540 checked: false, 541 valid: null 542 }, 543 field4: { 544 name: 'Я ознакомлен/а Ñ ', 545 link: 'ÐолиÑикой конÑиденÑиалÑноÑÑи', 546 name2: ' и Ð´Ð°Ñ Ð¡Ð¾Ð³Ð»Ð°Ñие на обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ *', 547 value: false, 548 checked: true, 549 valid: null 550 }, 551 field5: { 552 name: 'Captcha', 553 valid: null, 554 value: null 555 }, 556 widthBar: 0, 557 showForm: true, 558 captchaChecker: null 559 }, 560 mounted() { 561 this.resize(); 562 this.captchaChecker = setInterval(() => this.checkCaptcha(), 1000); 563 }, 564 unmounted() { 565 clearInterval(this.captchaChecker); 566 }, 567 updated() { 568 this.resize(); 569 }, 570 computed: { 571 isValid() { 572 let items = [this.field1, this.field2, this.field4, this.field5]; 573 return items.every((it) => it.valid === 'label-done'); 574 } 575 }, 576 methods: { 577 reset() { 578 this.field1.value = this.field2.value = this.field5.value = null; 579 this.field1.valid = this.field2.valid = this.field3.valid = this.field4.valid = this.field5.valid = null; 580 this.field4.value = this.field3.value = false; 581 }, 582 resize() { 583 let countValid = document.querySelectorAll('.appCallBack.label-done').length; 584 this.widthBar = countValid * 33.3; 585 }, 586 checkCaptcha() { 587 let el = document.querySelector('#appCallBack .g-recaptcha-response') 588 589 if (el && el.value) { 590 this.field5.valid = 'label-done'; 591 this.field5.value = el.value; 592 } else { 593 this.field5.valid = 'label-error'; 594 this.field5.value = ''; 595 } 596 }, 597 checkValid(field1) { 598 let pattern = field1.pattern; 599 let value = field1.value; 600 if(value.match(pattern)) { 601 field1.valid = 'label-done'; 602 } else { 603 field1.valid = 'label-error'; 604 } 605 }, 606 checkValid(field2) { 607 let pattern = field2.pattern; 608 let value = field2.value; 609 if(value.match(pattern)) { 610 field2.valid = 'label-done'; 611 } else { 612 field2.valid = 'label-error'; 613 } 614 }, 615 checkTeam(field3) { 616 let checked = field3.checked; 617 if (field3.value !== checked) { 618 field3.valid = 'label-info'; 619 } else { 620 field3.valid = 'label-info'; 621 } 622 }, 623 checkActive(field4) { 624 let checked = field4.checked; 625 if(field4.value !== checked) { 626 field4.valid = 'label-done'; 627 } else { 628 field4.valid = 'label-error'; 629 } 630 }, 631 dataSubmit(field1, field2, field3, field4) {
632 this.showForm = false; 633 $.ajax({ 634 url: "/assets/template/kgk/phpmailer/send-callbackform.php", 635 type: "post", 636 data: { 637 "site_context":"/", 638 "user_name": this.field1.value, 639 "user_phone": this.field2.value, 640 "user_teamname": this.field3.value, 641 "user_agreed": this.field4.value, 642 "validation_code": this.field5.value 643 } 644 }); 645 646 this.reset(); 647 setTimeout(()=> $('#callBack').modal('hide'), 1000); 648 649 }, 650 submit() {} 651 } 652 }); 653 }); 654</script>
654 655 </div> 656 </div> 657</div> 658<!-- contact form --> 659<div class="modal fade" id="contactForm" tabindex="-1" role="dialog" aria-labelledby="contactForm" aria-hidden="true"> 660 <div class="modal-dialog" role="document"> 661 <div class="modal-content"> 662 <div id="appContactForm"> 663 <form class="modal-form" name="contactForm" v-if="showForm" @submit.prevent="submit" method="post" role="form" accept-charset="UTF-8" > 664 <div class="modal-header"> 665 <button v-on:click="reset" type="button" class="close" data-dismiss="modal" aria-label="close">+</button> 666 <h4 class="modal-title">ÐÑпÑавка ÑообÑениÑ.</h4> 667 </div> 668 <div class="modal-body"> 669 <div class="form-group"> 670 <div class="input-group"> 671 <label class="appContactForm" :class="field1.valid">{{field1.name}}</label> 672 <input type="text" :placeholder="field1.placeholder" v-model="field1.value" @input="checkValid(field1)"/> 673 </div> 674 </div> 675 <div class="form-group"> 676 <div class="input-group"> 677 <label class="appContactForm" :class="field2.valid">{{field2.name}}</label> 678 <input type="text" :placeholder="field2.placeholder" v-model="field2.value" @input="checkValid(field2)"/> 679 </div> 680 </div> 681 <div class="form-group"> 682 <div class="input-group"> 683 <label class="appContactForm" :class="field3.valid">{{field3.name}}</label> 684 <input type="text" :placeholder="field3.placeholder" v-model="field3.value" @input="checkValid(field3)"/> 685 </div> 686 </div> 687 <div class="form-group"> 688 <div class="checkbox-group"> 689 <label class="appContactForm" :class="checkfield.valid">{{checkfield.name}}<a href="privacy-policy" rel="noopener" target="_blank">{{checkfield.link}}</a>{{checkfield.name2}}</label> 690 <input type="checkbox" v-model="checkfield.value" @input="checkActive(checkfield)"/> 691 </div> 692 </div> 693 <div class="form-group"> 694 <div class="input-group"> 695 <label class="appContactForm" :class="textfield.valid">{{textfield.name}}</label> 696 <textarea rows="3" v-model="textfield.value" @input="checkFill(textfield)"></textarea> 697 </div> 698 </div> 699 <div class="form-group"> 700 <p class="additive">ÐолÑ, оÑмеÑеннÑе *, обÑзаÑелÑÐ½Ñ Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.</p> 701 </div> 702 <div class="form-group"> 703 <div class="input-group justify-content-center"> 704 <div class="g-recaptcha" data-sitekey="6LeKZjMsAAAAAMmfhVTJ9LJf-bN-wjALViLYHofR"></div> 705 </div> 706</div>
vendor: 106 bytes, lines 706-708
706 707<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru"></script> 708
708<div class="form-group form-progress"> 709 <p class="additive"><span>ÐÑогÑеÑÑ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ ÑоÑмÑ:</span></p> 710 <div class="progress"> 711 <div class="progress-bar" :style="'width:' + widthBar + '%'"></div> 712 </div> 713 </div> 714 </div> 715 <div class="modal-footer"> 716 <div class="form-group" style="display:flex;align-items:center;justify-content:center;"> 717 <div class="button-group"> 718 <button type="submit" class="button-warning-inverse button-xl" v-on:click="dataSubmit(field1, field2, field3, checkfield, textfield)" :disabled="!isValid">ÐÑпÑавиÑÑ</button> 719 </div> 720 </div> 721 </div> 722 </form> 723 <div v-else> 724 <div class="modal-form"> 725 <div class="modal-header"> 726 <button v-on:click="reset" type="button" class="close" data-dismiss="modal" aria-label="close">+</button> 727 <h4 class="modal-title">СпаÑибо!</h4> 728 </div> 729 <div class="modal-body"> 730 <p class="modal-descr">ÐÐ°Ñ Ð·Ð°Ð¿ÑÐ¾Ñ ÑÑпеÑно оÑпÑавлен.</p> 731 </div> 732 <div class="modal-footer"></div> 733 </div> 734 </div> 735</div>
736<script> 737 // Contact form on main page 738 window.addEventListener('DOMContentLoaded', function() { 739 new Vue({ 740 el: '#appContactForm', 741 data: { 742 field1: { 743 name: 'ÐведиÑе имÑ*', 744 placeholder: 'ÐмÑ', 745 value: '', 746 pattern: /^[a-zA-Zа-ÑÐ-Я ]{2,30}$/, 747 valid: null 748 }, 749 field2: { 750 name: 'ÐведиÑе email*', 751 placeholder: 'Email', 752 value: '', 753 pattern: /^.+@.+\.+[a-zA-Zа-ÑÐ-Я]{2,6}$/, 754 valid: null 755 }, 756 field3: { 757 name: 'ÐведиÑе ÑелеÑон*', 758 placeholder: 'ÐÐ¾Ð¼ÐµÑ ÑелеÑона', 759 value: '', 760 pattern: /^[0-9\+\-\(\)\s]{10,18}$/, 761 valid: null 762 }, 763 field4: { 764 name: 'Captcha', 765 value: null, 766 valid: null 767 }, 768 textfield: { 769 name: 'ТекÑÑ ÑообÑениÑ*', 770 value: '', 771 pattern: /.+/, 772 valid: null 773 }, 774 checkfield: { 775 name: 'Я ознакомлен/а Ñ ', 776 link: 'ÐолиÑикой конÑиденÑиалÑноÑÑи', 777 name2: ' и Ð´Ð°Ñ Ð¡Ð¾Ð³Ð»Ð°Ñие на обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ *', 778 value: false, 779 checked: true, 780 valid: null 781 }, 782 widthBar: 0, 783 showForm: true, 784 captchaChecker: null 785 }, 786 mounted() { 787 this.resize(); 788 this.captchaChecker = setInterval(() => this.checkCaptcha(), 1000); 789 }, 790 unmounted() { 791 clearInterval(this.captchaChecker); 792 }, 793 updated() { 794 this.resize(); 795 }, 796 computed: { 797 isValid() { 798 let items = [this.field1, this.field2, this.field3, this.field4, this.textfield, this.checkfield]; 799 return items.every((it) => it.valid === 'label-done'); 800 } 801 }, 802 methods: { 803 reset() { 804 this.field1.value = this.field2.value = this.field3.value = this.field4.value = this.textfield.value = null; 805 this.field1.valid = this.field2.valid = this.field3.valid = this.field4.valid = this.textfield.valid = this.checkfield.valid = null; 806 this.checkfield.value = false; 807 }, 808 resize() { 809 let countValid = document.querySelectorAll('.appContactForm.label-done').length; 810 this.widthBar = countValid * 20; 811 }, 812 checkCaptcha() { 813 let el = document.querySelector('#appContactForm .g-recaptcha-response'); 814 815 if (el && el.value) { 816 this.field4.valid = 'label-done'; 817 this.field4.value = el.value; 818 } else { 819 this.field4.valid = 'label-error'; 820 this.field4.value = ''; 821 } 822 }, 823 checkValid(field1) { 824 let pattern = field1.pattern; 825 let value = field1.value; 826 if(value.match(pattern)) { 827 field1.valid = 'label-done'; 828 } else { 829 field1.valid = 'label-error'; 830 } 831 }, 832 checkValid(field2) { 833 let pattern = item.pattern; 834 let value = field2.value; 835 if(value.match(pattern)) { 836 field2.valid = 'label-done'; 837 } else { 838 field2.valid = 'label-error'; 839 } 840 }, 841 checkValid(field3) { 842 let pattern = field3.pattern; 843 let value = field3.value; 844 if(value.match(pattern)) { 845 field3.valid = 'label-done'; 846 } else { 847 field3.valid = 'label-error'; 848 } 849 }, 850 checkFill(textfield) { 851 let pattern = textfield.pattern; 852 let value = textfield.value; 853 if(value.match(pattern)) { 854 textfield.valid = 'label-done'; 855 } else { 856 textfield.valid = 'label-error'; 857 } 858 }, 859 checkActive(checkfield) { 860 let checked = checkfield.checked; 861 if(checkfield.value !== checked) { 862 checkfield.valid = 'label-done'; 863 } else { 864 checkfield.valid = 'label-error'; 865 } 866 }, 867 dataSubmit(field1, field2, field3, checkfield, textfield) {
868 this.showForm = false; 869 $.ajax({ 870 url: "/assets/template/kgk/phpmailer/send-contactform.php", 871 type: "post", 872 data: { 873 "site_context":"/", 874 "user_name": this.field1.value, 875 "user_email": this.field2.value, 876 "user_phone": this.field3.value, 877 "user_message": this.textfield.value, 878 "validation_code": this.field4.value 879 } 880 }); 881 882 this.reset(); 883 setTimeout(()=> $('#contactForm').modal('hide'), 1000); 884 } 885 } 886 }); 887 }); 888</script>
888 889 </div> 890 </div> 891</div> 892<!-- device order form --> 893<div class="modal fade" id="orderForm" tabindex="-1" role="dialog" aria-labelledby="orderForm" aria-hidden="true"> 894 <div class="modal-dialog" role="document"> 895 <div class="modal-content"> 896 <div id="appDeviceOrder"> 897 <form class="modal-form" name="deviceOrder" v-if="showForm" @submit.prevent="submit" method="post" role="form" accept-charset="UTF-8" > 898 <div class="modal-header"> 899 <button v-on:click="reset" type="button" class="close" data-dismiss="modal" aria-label="close">+</button> 900 <h4 class="modal-title">Ðаказ ÑÑÑÑойÑÑва ÐбоÑÑдование Ð´Ð»Ñ ÑиÑÑем мониÑоÑинга</h4> 901 </div> 902 <div class="modal-body"> 903 <div class="form-group"> 904 <div class="input-group"> 905 <label class="appDeviceOrder" :class="field1.valid">{{field1.name}}</label> 906 <input type="text" :placeholder="field1.placeholder" v-model="field1.value" @input="checkValid(field1)"/> 907 </div> 908 </div> 909 <div class="form-group"> 910 <div class="input-group"> 911 <label class="appDeviceOrder" :class="field2.valid">{{field2.name}}</label> 912 <input type="text" :placeholder="field2.placeholder" v-model="field2.value" @input="checkValid(field2)"/> 913 </div> 914 </div> 915 <div class="form-group"> 916 <div class="input-group"> 917 <label class="appDeviceOrder" :class="textfield.valid">{{textfield.name}}</label> 918 <textarea rows="3" v-model="textfield.value" @input="checkFill(textfield)"></textarea> 919 </div> 920 </div> 921 <div class="form-group"> 922 <div class="checkbox-group"> 923 <label class="appDeviceOrder" :class="checkfield.valid">{{checkfield.name}}<a href="privacy-policy" rel="noopener" target="_blank">{{checkfield.link}}</a>{{checkfield.name2}}</label> 924 <input type="checkbox" v-model="checkfield.value" @input="checkActive(checkfield)"/> 925 </div> 926 </div> 927 <div class="form-group"> 928 <p class="additive">ÐолÑ, оÑмеÑеннÑе *, обÑзаÑелÑÐ½Ñ Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.</p> 929 </div> 930 <div class="form-group"> 931 <div class="input-group justify-content-center"> 932 <div class="g-recaptcha" data-sitekey="6LeKZjMsAAAAAMmfhVTJ9LJf-bN-wjALViLYHofR"></div> 933 </div> 934</div>
vendor: 106 bytes, lines 934-936
934 935<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru"></script> 936
936<div class="form-group form-progress hidden"> 937 <p class="additive"><span>ÐÑогÑеÑÑ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ ÑоÑмÑ:</span></p> 938 <div class="progress"> 939 <div class="progress-bar" :style="'width:' + widthBar + '%'"></div> 940 </div> 941 </div> 942 </div> 943 <div class="modal-footer"> 944 <div class="form-group"> 945 <div class="button-group"> 946 <button type="submit" class="button-warning-inverse button-xl" v-on:click="dataSubmit(field1, field2, textfield, checkfield)" :disabled="!isValid">ÐÑпÑавиÑÑ</button> 947 </div> 948 </div> 949 </div> 950 </form> 951 <div v-else> 952 <div class="modal-form"> 953 <div class="modal-header"> 954 <button v-on:click="reset" type="button" class="close" data-dismiss="modal" aria-label="close">+</button> 955 <h4 class="modal-title">СпаÑибо!</h4> 956 </div> 957 <div class="modal-body"> 958 <p class="modal-descr">ÐÐ°Ñ Ð·Ð°ÐºÐ°Ð· ÑÑпеÑно оÑпÑавлен. РближайÑее вÑÐµÐ¼Ñ Ñ Ð²Ð°Ð¼Ð¸ ÑвÑжеÑÑÑ Ð½Ð°Ñ Ð¼ÐµÐ½ÐµÐ´Ð¶ÐµÑ Ð´Ð»Ñ ÑÑоÑÐ½ÐµÐ½Ð¸Ñ Ð´ÐµÑалей заказа.</p> 959 </div> 960 <div class="modal-footer"></div> 961 </div> 962 </div> 963</div>
964<script> 965 // Device order form 966 window.addEventListener('DOMContentLoaded', function() { 967 new Vue({ 968 el: '#appDeviceOrder', 969 data: { 970 field1: { 971 name: 'ÐведиÑе имÑ*', 972 placeholder: 'Ðак к вам обÑаÑиÑÑÑÑ', 973 value: '', 974 pattern: /^[a-zA-Zа-ÑÐ-Я ]{2,30}$/, 975 valid: null 976 }, 977 field2: { 978 name: 'ÐведиÑе ÑелеÑон*', 979 placeholder: 'ÐÐ¾Ð¼ÐµÑ ÑелеÑона', 980 value: '', 981 pattern: /^[0-9\+\-\(\)\s]{10,18}$/, 982 valid: null 983 }, 984 field3: { 985 name: 'Captcha', 986 value: null, 987 valid: null 988 }, 989 textfield: { 990 name: 'ТекÑÑ ÑообÑениÑ', 991 value: '', 992 pattern: /.+/, 993 valid: null 994 }, 995 checkfield: { 996 name: 'Я ознакомлен/а Ñ ', 997 link: 'ÐолиÑикой конÑиденÑиалÑноÑÑи', 998 name2: ' и Ð´Ð°Ñ Ð¡Ð¾Ð³Ð»Ð°Ñие на обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ *', 999 value: false, 1000 checked: true, 1001 valid: null 1002 }, 1003 widthBar: 0, 1004 showForm: true, 1005 captchaChecker: null 1006 }, 1007 mounted() { 1008 this.resize(); 1009 this.captchaChecker = setInterval(() => this.checkCaptcha(), 1000); 1010 }, 1011 unmounted() { 1012 clearInterval(this.captchaChecker); 1013 }, 1014 updated() { 1015 this.resize(); 1016 }, 1017 computed: { 1018 isValid() { 1019 let items = [this.field1, this.field2, this.field3, this.checkfield]; 1020 return items.every((it) => it.valid === 'label-done'); 1021 } 1022 }, 1023 methods: { 1024 reset() { 1025 this.field1.value = this.field2.value = this.field3.value = this.textfield.value = null; 1026 this.field1.valid = this.field2.valid = this.field3.valid = this.textfield.valid = this.checkfield.valid = null; 1027 this.checkfield.value = false; 1028 }, 1029 resize() { 1030 let countValid = document.querySelectorAll('.appDeviceOrder.label-done').length; 1031 this.widthBar = countValid * 33.3; 1032 }, 1033 checkCaptcha() { 1034 let el = document.querySelector('#appDeviceOrder .g-recaptcha-response'); 1035 1036 if (el && el.value) { 1037 this.field3.valid = 'label-done'; 1038 this.field3.value = el.value; 1039 } else { 1040 this.field3.valid = 'label-error'; 1041 this.field3.value = ''; 1042 } 1043 }, 1044 checkValid(field1) { 1045 let pattern = field1.pattern; 1046 let value = field1.value; 1047 if(value.match(pattern)) { 1048 field1.valid = 'label-done'; 1049 } else { 1050 field1.valid = 'label-error'; 1051 } 1052 }, 1053 checkValid(field2) { 1054 let pattern = field2.pattern; 1055 let value = field2.value; 1056 if(value.match(pattern)) { 1057 field2.valid = 'label-done'; 1058 } else { 1059 field2.valid = 'label-error'; 1060 } 1061 }, 1062 checkFill(textfield) { 1063 let pattern = textfield.pattern; 1064 let value = textfield.value; 1065 if(value.match(pattern)) { 1066 textfield.valid = 'label-info'; 1067 } else { 1068 textfield.valid = 'label-info'; 1069 } 1070 }, 1071 checkActive(checkfield) { 1072 let checked = checkfield.checked; 1073 if(checkfield.value !== checked) { 1074 checkfield.valid = 'label-done'; 1075 } else { 1076 checkfield.valid = 'label-error'; 1077 } 1078 }, 1079 dataSubmit(field1, field2, textfield, checkfield) {
1080 this.showForm = false; 1081 $.ajax({ 1082 url: "/assets/template/kgk/phpmailer/send-deviceorderform.php", 1083 type: "post", 1084 data: { 1085 "site_context":"/", 1086 "user_name": this.field1.value, 1087 "user_phone": this.field2.value, 1088 "user_device": "ÐбоÑÑдование Ð´Ð»Ñ ÑиÑÑем мониÑоÑинга", 1089 "user_message": this.textfield.value, 1090 "validation_code": this.field3.value 1091 } 1092 }); 1093 1094 this.reset(); 1095 var callback = function () { 1096 if (typeof(url) != 'undefined') { 1097 window.location = url; 1098 } 1099 }; 1100 gtag('event', 'conversion', { 1101 'send_to': 'AW-740397276/YBJ_CNq5ocMBENyhhuEC', 1102 'transaction_id': '', 1103 'event_callback': callback 1104 }); 1105 //return false; 1106 setTimeout(()=> $('#deviceOrder').modal('hide'), 1000); 1107 } 1108 } 1109 }); 1110 }); 1111</script>
1111 1112 </div> 1113 </div> 1114</div> 1115<!-- test access form --> 1116<div class="modal fade" id="testAccess" tabindex="-1" role="dialog" aria-labelledby="testAccess" aria-hidden="true"> 1117 <div class="modal-dialog" role="document"> 1118 <div class="modal-content"> 1119 <div id="appTestAccess"> 1120 <form class="modal-form" name="testAccess" v-if="showForm" @submit.prevent="submit" method="post" role="form" accept-charset="UTF-8" > 1121 <div class="modal-header"> 1122 <button v-on:click="reset" type="button" class="close" data-dismiss="modal" aria-label="close">+</button> 1123 <h4 class="modal-title">ТеÑÑовÑй доÑÑÑп в ÑиÑÑемÑ.</h4> 1124 </div> 1125 <div class="modal-body"> 1126 <div class="form-group"> 1127 <div class="input-group"> 1128 <label class="appTestAccess" :class="field1.valid">{{field1.name}}</label> 1129 <input type="text" :placeholder="field1.placeholder" v-model="field1.value" @input="checkValid(field1)"/> 1130 </div> 1131 </div> 1132 <div class="form-group"> 1133 <div class="input-group"> 1134 <label class="appTestAccess" :class="field2.valid">{{field2.name}}</label> 1135 <input type="text" :placeholder="field2.placeholder" v-model="field2.value" @input="checkValid(field2)"/> 1136 </div> 1137 </div> 1138 <div class="form-group"> 1139 <div class="input-group"> 1140 <label class="appTestAccess" :class="field3.valid">{{field3.name}}</label> 1141 <input type="text" :placeholder="field3.placeholder" v-model="field3.value" @input="checkValid(field3)"/> 1142 </div> 1143 </div> 1144 <div class="form-group"> 1145 <div class="checkbox-group"> 1146 <label class="appTestAccess" :class="checkfield.valid">{{checkfield.name}}<a href="privacy-policy" rel="noopener" target="_blank">{{checkfield.link}}</a>{{checkfield.name2}}</label> 1147 <input type="checkbox" v-model="checkfield.value" @input="checkActive(checkfield)"/> 1148 </div> 1149 </div> 1150 <div class="form-group"> 1151 <div class="input-group"> 1152 <p class="additive">ÐолÑ, оÑмеÑеннÑе *, обÑзаÑелÑÐ½Ñ Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.</p> 1153 </div> 1154 </div> 1155 <div class="form-group"> 1156 <div class="input-group justify-content-center"> 1157 <div class="g-recaptcha" data-sitekey="6LeKZjMsAAAAAMmfhVTJ9LJf-bN-wjALViLYHofR"></div> 1158 </div> 1159</div>
vendor: 106 bytes, lines 1159-1161
1159 1160<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru"></script> 1161
1161<div class="form-group form-progress hidden"> 1162 <p class="additive"><span>ÐÑогÑеÑÑ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ ÑоÑмÑ:</span></p> 1163 <div class="progress"> 1164 <div class="progress-bar" :style="'width:' + widthBar + '%'"></div> 1165 </div> 1166 </div> 1167 </div> 1168 <div class="modal-footer"> 1169 <div class="form-group"> 1170 <div class="button-group"> 1171 <button type="submit" class="button-warning-inverse button-xl" v-on:click="dataSubmit(field1, field2, field3, checkfield)" :disabled="!isValid">ÐÑпÑавиÑÑ</button> 1172 </div> 1173 </div> 1174 </div> 1175 </form> 1176 <div v-else> 1177 <div class="modal-form"> 1178 <div class="modal-header"> 1179 <button v-on:click="reset" type="button" class="close" data-dismiss="modal" aria-label="close">+</button> 1180 <h4 class="modal-title">СпаÑибо!</h4> 1181 </div> 1182 <div class="modal-body"> 1183 <p class="modal-descr">ÐÐ°Ñ Ð·Ð°Ð¿ÑÐ¾Ñ ÑÑпеÑно оÑпÑавлен.</p> 1184 </div> 1185 <div class="modal-footer"></div> 1186 </div> 1187 </div> 1188</div>
1189<script> 1190 // Test access form 1191 window.addEventListener('DOMContentLoaded', function() { 1192 new Vue({ 1193 el: '#appTestAccess', 1194 data: { 1195 field1: { 1196 name: 'ÐведиÑе имÑ*', 1197 placeholder: 'ÐмÑ', 1198 value: '', 1199 pattern: /^[a-zA-Zа-ÑÐ-Я ]{2,30}$/, 1200 valid: null 1201 }, 1202 field2: { 1203 name: `ÐведиÑе email*`, 1204 placeholder: 'Email', 1205 value: '', 1206 pattern: /^.+@.+\.+[a-zA-Zа-ÑÐ-Я]{2,6}$/, 1207 valid: null 1208 }, 1209 field3: { 1210 name: `ÐведиÑе ÑелеÑон*`, 1211 placeholder: 'ÐÐ¾Ð¼ÐµÑ ÑелеÑона', 1212 value: '', 1213 pattern: /^[0-9\+\-\(\)\s]{10,18}$/, 1214 valid: null 1215 }, 1216 field4: { 1217 name: 'Captcha', 1218 value: null, 1219 valid: null 1220 }, 1221 checkfield: { 1222 name: 'Я ознакомлен/а Ñ ', 1223 link: 'ÐолиÑикой конÑиденÑиалÑноÑÑи', 1224 name2: ' и Ð´Ð°Ñ Ð¡Ð¾Ð³Ð»Ð°Ñие на обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ *', 1225 value: false, 1226 checked: true, 1227 valid: null 1228 }, 1229 widthBar: 0, 1230 showForm: true, 1231 captchaChecker: null 1232 }, 1233 mounted() { 1234 this.resize(); 1235 this.captchaChecker = setInterval(() => this.checkCaptcha(), 1000); 1236 }, 1237 unmounted() { 1238 clearInterval(this.captchaChecker); 1239 }, 1240 updated() { 1241 this.resize(); 1242 }, 1243 computed: { 1244 isValid() { 1245 let items = [this.field1, this.field2, this.field3, this.field4, this.checkfield]; 1246 return items.every((it) => it.valid === 'label-done'); 1247 } 1248 }, 1249 methods: { 1250 reset() { 1251 this.field1.value = this.field2.value = this.field3.value = this.field4.value = null; 1252 this.field1.valid = this.field2.valid = this.field3.valid = this.field4.valid = this.checkfield.valid = null; 1253 this.checkfield.value = false; 1254 }, 1255 resize() { 1256 let countValid = document.querySelectorAll('.appTestAccess.label-done').length; 1257 this.widthBar = countValid * 25; 1258 }, 1259 checkCaptcha() { 1260 let el = document.querySelector('#appTestAccess .g-recaptcha-response'); 1261 1262 if (el && el.value) { 1263 this.field4.valid = 'label-done'; 1264 this.field4.value = el.value; 1265 } else { 1266 this.field4.valid = 'label-error'; 1267 this.field4.value = ''; 1268 } 1269 }, 1270 checkValid(field1) { 1271 let pattern = field1.pattern; 1272 let value = field1.value; 1273 if(value.match(pattern)) { 1274 field1.valid = 'label-done'; 1275 } else { 1276 field1.valid = 'label-error'; 1277 } 1278 }, 1279 checkValid(field2) { 1280 let pattern = field2.pattern; 1281 let value = field2.value; 1282 if(value.match(pattern)) { 1283 field2.valid = 'label-done'; 1284 } else { 1285 field2.valid = 'label-error'; 1286 } 1287 }, 1288 checkValid(field3) { 1289 let pattern = field3.pattern; 1290 let value = field3.value; 1291 if(value.match(pattern)) { 1292 field3.valid = 'label-done'; 1293 } else { 1294 field3.valid = 'label-error'; 1295 } 1296 }, 1297 checkActive(checkfield) { 1298 let checked = checkfield.checked; 1299 1300 if(checkfield.value !== checked) { 1301 checkfield.valid = 'label-done'; 1302 } else { 1303 checkfield.valid = 'label-error'; 1304 } 1305 }, 1306 dataSubmit(field1, field2, field3, checkfield) {
1307 this.showForm = false; 1308 $.ajax({ 1309 url: "/assets/template/kgk/phpmailer/send-testaccessform.php", 1310 type: "post", 1311 data: { 1312 "site_context":"/", 1313 "user_name": this.field1.value, 1314 "user_email": this.field2.value, 1315 "user_phone": this.field3.value, 1316 "validation_code": this.field4.value 1317 } 1318 }); 1319 1320 this.resize(); 1321 setTimeout(()=> $('#testAccess').modal('hide'), 1000); 1322 } 1323 } 1324 }); 1325 }); 1326</script>
1326 1327 </div> 1328 </div> 1329</div> 1330<!-- Libs JS -->
1331<script src="/assets/template/kgk/js/vue.min.js"></script>
vendor: 1 bytes, line 1331
1331
1332<script src="/assets/template/kgk/js/jquery-3.4.1.min.js"></script>
vendor: 1 bytes, line 1332
1332
1333<script src="/assets/template/kgk/js/jquery-migrate-1.4.1.min.js"></script>
vendor: 1 bytes, line 1333
1333
1334<script src="/assets/template/kgk/js/jquery.lazy.min.js"></script>
vendor: 1 bytes, line 1334
1334
1335<script src="/assets/template/kgk/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1335
1335
1336<script src="/assets/template/kgk/js/slick.min.js"></script>
vendor: 1 bytes, line 1336
1336
1337<script src="/assets/template/kgk/js/uikit.min.js"></script>
vendor: 1 bytes, line 1337
1337
1338<script src="/assets/template/kgk/js/main.min.js"></script>
1338 1339<!-- Global site tag (gtag.js) - Google Ads: 740397276 -->
vendor: 64 bytes, lines 1339-1340
1339 1340<script async src="https://www.googletagmanager.com/gtag/js?id=
1340AW-740397276
vendor: 12 bytes, line 1340
1340"></script>
1341<script> 1342
vendor: 134 bytes, lines 1342-1346
1342window.dataLayer = window.dataLayer || []; 1343 function gtag(){dataLayer.push(arguments);} 1344 gtag('js', new Date()); 1345 1346 gtag('config', '
1346AW-740397276
vendor: 4 bytes, line 1346
1346');
1347</script>
vendor: 64 bytes, lines 1347-1348
1347 1348<script async src="https://www.googletagmanager.com/gtag/js?id=
1348UA-157593554-1
vendor: 12 bytes, line 1348
1348"></script>
1349<script> 1350
vendor: 134 bytes, lines 1350-1354
1350window.dataLayer = window.dataLayer || []; 1351 function gtag(){dataLayer.push(arguments);} 1352 gtag('js', new Date()); 1353 1354 gtag('config', '
1354UA-157593554-1
vendor: 4 bytes, line 1354
1354');
1355</script>
1355 1356</body> 1357</html> 1358<!-- temporary deactivated, JivoSite chat changed
1359<script type='text/javascript'> 1360(function () { 1361 window['yandexChatWidgetCallback'] = function() { 1362 try { 1363 window.yandexChatWidget = new Ya.ChatWidget({ 1364 guid: 'bd6aa4ba-60d0-40b7-89f4-c239ea141d08', 1365 buttonText: 'Ðожно задаÑÑ Ð½Ð°Ð¼ вопÑоÑ', 1366 title: 'Ðнлайн-конÑÑлÑÑанÑ', 1367 theme: 'light', 1368 collapsedDesktop: 'hover', 1369 collapsedTouch: 'always' 1370 }); 1371 } catch(e) { } 1372 }; 1373 var n = document.getElementsByTagName('script')[0], 1374 s = document.createElement('script'); 1375 s.async = true; 1376 s.charset = 'UTF-8'; 1377 s.src = 'https://chat.s3.yandex.net/widget.js'; 1378 n.parentNode.insertBefore(s, n); 1379})(); 1380</script>
1380 1381-->
1382<script async src="//code.jivosite.com/widget.js" data-jv-id="nt4WveqXqI" ></script>
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.