1<!DOCTYPE html> 2<html lang="ru"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width,initial-scale=1.0"> 6<title>УÑебнÑй ÑенÑÑ ÐÐ ÐФР| ÐвÑоÑкола и пÑоÑеÑÑионалÑное обÑÑение</title> 7<meta name="description" content="ÐвÑоÑкола, ÑабоÑие пÑоÑеÑÑии и обÑÑение Ð´Ð»Ñ Ð¿ÑедпÑиÑÑий в ÐиÑикаÑе."> 8<meta name="theme-color" content="#174f91"> 9<link rel="icon" href="favicon.ico" sizes="any"> 10<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> 11<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> 12<link rel="manifest" href="site.webmanifest"> 13<link rel="stylesheet" href="assets/css/site.css"> 14 15<style> 16 /* ÐÑÐ°Ð²Ð°Ñ ÑаÑÑÑ Ð½Ð¸Ð¶Ð½ÐµÐ¹ ÑÑÑоки подвала */ 17 .footer-tools { 18 display: flex; 19 align-items: center; 20 justify-content: flex-end; 21 gap: 18px; 22 margin-left: auto; 23 flex-shrink: 0; 24 } 25 26 .footer-top-link { 27 white-space: nowrap; 28 } 29 30 .metrika-informer__link { 31 display: inline-flex; 32 flex: 0 0 88px; 33 width: 88px; 34 height: 31px; 35 border-radius: 5px; 36 overflow: hidden; 37 opacity: 0.78; 38 transition: opacity 0.2s ease, transform 0.2s ease; 39 } 40 41 .metrika-informer__link:hover, 42 .metrika-informer__link:focus-visible { 43 opacity: 1; 44 transform: translateY(-1px); 45 } 46 47 .metrika-informer__image { 48 display: block; 49 width: 88px; 50 height: 31px; 51 border: 0; 52 } 53 54 @media (max-width: 700px) { 55 .footer-inner { 56 align-items: flex-start; 57 gap: 14px; 58 } 59 60 .footer-tools { 61 width: 100%; 62 justify-content: space-between; 63 margin-left: 0; 64 } 65 } 66</style> 67
68<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9687438327079978" 69 crossorigin="anonymous"></script>
69 70 71 72<!-- Yandex.Metrika counter -->
73<script> 74 (function(m,e,t,r,i,k,a){ 75 m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; 76 m[i].l=1*new Date(); 77 for (var j=0; j<document.scripts.length; j++) { 78 if (document.scripts[j].src === r) return; 79 } 80 k=e.createElement(t); 81 a=e.getElementsByTagName(t)[0]; 82 k.async=1; 83 k.src=r; 84 a.parentNode.insertBefore(k,a); 85 })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); 86 87 ym(24009124, "init", { 88 webvisor: true, 89 clickmap: true, 90 ecommerce: "dataLayer", 91 referrer: document.referrer, 92 url: location.href, 93 accurateTrackBounce: true, 94 trackLinks: true 95 }); 96</script>
96 97<!-- /Yandex.Metrika counter --> 98</head> 99<body id="page-top"> 100<noscript> 101 <div> 102 <img src="https://mc.yandex.ru/watch/24009124" 103 style="position:absolute; left:-9999px;" 104 alt=""> 105 </div> 106</noscript> 107 108<header class="site-header"> 109 <div class="container header-inner"> 110 <nav class="desktop-nav" aria-label="ÐÑновное менÑ"> 111 <a href="index.html" data-i18n="nav_home">ÐлавнаÑ</a> 112 <a href="autoschool.html" data-i18n="nav_autoschool">ÐвÑоÑкола</a> 113 <a href="professions.html" data-i18n="nav_professions">ÐÑоÑеÑÑии</a> 114 <a href="business.html" data-i18n="nav_business">ÐÑедпÑиÑÑиÑм</a> 115 <a href="about.html" data-i18n="nav_about">Ð ÑенÑÑе</a> 116 <a href="documents.html" data-i18n="nav_documents">ÐокÑменÑÑ</a> 117 <a href="contacts.html" data-i18n="nav_contacts">ÐонÑакÑÑ</a> 118 </nav> 119 <div class="header-actions"> 120 <div class="lang-switch" aria-label="ÐеÑеклÑÑение ÑзÑка"> 121 <button class="lang-btn" type="button" data-lang-btn="ru">Ð ÑÑ</button> 122 <button class="lang-btn" type="button" data-lang-btn="kk">Òаз</button> 123 </div> 124 <button id="menuBtn" class="menu-btn" type="button" aria-label="ÐÑкÑÑÑÑ Ð¼ÐµÐ½Ñ" aria-expanded="false" aria-controls="mobileNav"> 125 <span></span><span></span><span></span> 126 </button> 127 </div> 128 </div> 129 <nav id="mobileNav" class="mobile-nav" aria-label="ÐобилÑное менÑ"> 130 <a href="index.html" data-i18n="nav_home">ÐлавнаÑ</a> 131 <a href="autoschool.html" data-i18n="nav_autoschool">ÐвÑоÑкола</a> 132 <a href="professions.html" data-i18n="nav_professions">ÐÑоÑеÑÑии</a> 133 <a href="business.html" data-i18n="nav_business">ÐÑедпÑиÑÑиÑм</a> 134 <a href="about.html" data-i18n="nav_about">Ð ÑенÑÑе</a> 135 <a href="documents.html" data-i18n="nav_documents">ÐокÑменÑÑ</a> 136 <a href="contacts.html" data-i18n="nav_contacts">ÐонÑакÑÑ</a> 137 </nav> 138</header> 139 140<main> 141<section class="hero"> 142 <div class="container hero-grid"> 143 <div class="reveal"> 144 <div class="hero-badge" data-i18n="hero_badge">УÑебнÑй ÑенÑÑ Ð¸ авÑоÑкола</div> 145 <h1 data-i18n="hero_title">ÐвÑоÑкола и пÑоÑеÑÑионалÑное обÑÑение в ÐиÑикаÑе</h1> 146 <p data-i18n="hero_text">ÐодгоÑовка водиÑелей, обÑÑение ÑабоÑим пÑоÑеÑÑиÑм и повÑÑение квалиÑикаÑии ÑпеÑиалиÑÑов.</p> 147 <div class="actions"> 148 <a class="btn btn-whatsapp" href="https://wa.me/77759777760" target="_blank" rel="noopener" data-i18n="whatsapp">ÐапиÑаÑÑ Ð² WhatsApp</a> 149 <a class="btn btn-light" href="#directions" data-i18n="hero_primary">ÐÑбÑаÑÑ Ð½Ð°Ð¿Ñавление</a> 150 </div> 151 <div class="hero-trust"> 152 <div class="trust-item"><strong data-i18n="trust_1_title">ÐвÑоÑкола</strong><span data-i18n="trust_1_text">ТеоÑÐ¸Ñ Ð¸ пÑакÑика</span></div> 153 <div class="trust-item"><strong data-i18n="trust_2_title">43 напÑавлениÑ</strong><span data-i18n="trust_2_text">ÐÑоÑеÑÑии и кÑÑÑÑ</span></div> 154 <div class="trust-item"><strong data-i18n="trust_3_title">Ðва ÑзÑка обÑÑениÑ</strong><span data-i18n="trust_3_text">Ð ÑÑÑкий и ÐºÐ°Ð·Ð°Ñ Ñкий</span></div> 155 </div> 156 </div> 157 <div class="logo-panel reveal"><img src="assets/img/logo.png" alt="УÑебнÑй ÑенÑÑ ÐÐ ÐФÐ"></div> 158 </div> 159</section> 160 161<section class="section section-soft" id="directions"> 162 <div class="container"> 163 <div class="section-head reveal"> 164 <span class="kicker" data-i18n="section_directions_kicker">Ðва клÑÑевÑÑ Ð½Ð°Ð¿ÑавлениÑ</span> 165 <h2 data-i18n="section_directions_title">ÐÑбеÑиÑе Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑий ÑоÑÐ¼Ð°Ñ Ð¾Ð±ÑÑениÑ</h2> 166 <p data-i18n="section_directions_text">ÐÑÑÑÑÑй пÑÑÑ Ðº нÑжной ÑÑлÑге.</p> 167 </div> 168 <div class="card-grid"> 169 <article class="service-card reveal"> 170 <div class="service-icon">ð</div> 171 <h3 data-i18n="auto_title">ÐвÑоÑкола</h3> 172 <p data-i18n="auto_text">ÐодгоÑовка водиÑелей ÑазлиÑнÑÑ ÐºÐ°ÑегоÑий.</p> 173 <ul><li>
173A1, A, B, C1, C, D1, D, CE</li><li>ÐÐÐРи ÐÐÐÐ</li><li>ТеоÑÐ¸Ñ Ð¸ пÑакÑиÑеÑкое вождение</li></ul> 174 <a class="text-link" href="autoschool.html" data-i18n="auto_button">ÐеÑейÑи в авÑоÑколÑ</a> 175 </article> 176 <article class="service-card reveal"> 177 <div class="service-icon">âï¸</div> 178 <h3 data-i18n="prof_title">ÐÑоÑеÑÑионалÑное обÑÑение</h3> 179 <p data-i18n="prof_text">РабоÑие пÑоÑеÑÑии, пеÑеподгоÑовка и повÑÑение квалиÑикаÑии.</p> 180 <ul><li>ÐаÑиниÑÑÑ ÑÐµÑ Ð½Ð¸ÐºÐ¸</li><li>СлеÑаÑнÑе и ÑлекÑÑоÑÐµÑ Ð½Ð¸ÑеÑкие пÑоÑеÑÑии</li><li>ÐезопаÑноÑÑÑ Ð¸ обÑÑение Ð´Ð»Ñ Ð¿ÑедпÑиÑÑий</li></ul> 181 <a class="text-link" href="professions.html" data-i18n="prof_button">ÐÑкÑÑÑÑ ÐºÐ°Ñалог пÑоÑеÑÑий</a> 182 </article> 183 </div> 184 </div> 185</section> 186 187<section class="section"> 188 <div class="container"> 189 <div class="section-head reveal"> 190 <span class="kicker" data-i18n="popular_kicker">ÐопÑлÑÑнÑе напÑавлениÑ</span> 191 <h2 data-i18n="popular_title">ЧаÑе вÑего вÑбиÑаÑÑ</h2> 192 <p data-i18n="popular_text">ÐÑновнÑе напÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð²ÑнеÑÐµÐ½Ñ Ð½Ð° главнÑÑ.</p> 193 </div> 194 <div class="popular-grid"><article class="popular-card reveal"><div class="icon">ð</div><h3>ÐаÑиниÑÑ ÑкÑкаваÑоÑа</h3><p>ÐÑоÑеÑÑионалÑÐ½Ð°Ñ Ð¿Ð¾Ð´Ð³Ð¾Ñовка</p></article> 195<article class="popular-card reveal"><div class="icon">ð§</div><h3>ÐаÑиниÑÑ Ð±ÑлÑдозеÑа</h3><p>ÐодгоÑовка и повÑÑение квалиÑикаÑии</p></article> 196<article class="popular-card reveal"><div class="icon">ð</div><h3>ÐодиÑÐµÐ»Ñ ÐºÐ°ÑÑеÑнÑÑ Ð°Ð²ÑоÑамоÑвалов</h3><p>ÐÑоÑеÑÑионалÑÐ½Ð°Ñ Ð¿Ð¾Ð´Ð³Ð¾Ñовка</p></article> 197<article class="popular-card reveal"><div class="icon">ð¦º</div><h3>СÑÑопалÑÑик</h3><p>ÐÑоÑеÑÑионалÑÐ½Ð°Ñ Ð¿Ð¾Ð´Ð³Ð¾Ñовка</p></article> 198<article class="popular-card reveal"><div class="icon">â¡</div><h3>ÐлекÑÑомонÑÑÑ</h3><p>Ð ÐµÐ¼Ð¾Ð½Ñ Ð¸ обÑлÑживание ÑлекÑÑообоÑÑдованиÑ</p></article> 199<article class="popular-card reveal"><div class="icon">ð§ª</div><h3>ÐабоÑÐ°Ð½Ñ Ñ Ð¸Ð¼Ð¸ÑеÑкого анализа</h3><p>ÐÑоÑеÑÑионалÑÐ½Ð°Ñ Ð¿Ð¾Ð´Ð³Ð¾Ñовка</p></article></div> 200 <div class="actions" style="justify-content:center;margin-top:36px"> 201 <a class="btn btn-primary" href="professions.html" data-i18n="prof_button">ÐÑкÑÑÑÑ ÐºÐ°Ñалог пÑоÑеÑÑий</a> 202 </div> 203 </div> 204</section> 205 206<section class="section section-soft"> 207 <div class="container split"> 208 <div class="reveal"> 209 <span class="kicker" data-i18n="business_kicker">ÐоÑпоÑаÑивное обÑÑение</span> 210 <h2 data-i18n="business_title">ÐодгоÑовка ÑабоÑников пÑедпÑиÑÑий</h2> 211 <p class="lead" data-i18n="business_text">ÐÑганизÑем обÑÑение пеÑÑонала.</p> 212 <a class="btn btn-primary" href="business.html" data-i18n="business_button">
212УзнаÑÑ ÑÑÐ»Ð¾Ð²Ð¸Ñ Ð´Ð»Ñ Ð¿ÑедпÑиÑÑиÑ</a> 213 </div> 214 <div class="panel reveal"> 215 <div class="check-list"> 216 <div class="check"><i>â</i><p>ÐÐ¾Ð´Ð±Ð¾Ñ Ð¿ÑогÑÐ°Ð¼Ð¼Ñ Ð¿Ð¾Ð´ заÑÐ²ÐºÑ Ð¾ÑганизаÑии</p></div> 217 <div class="check"><i>â</i><p>ÐÑоÑмление договоÑа и закÑÑваÑÑÐ¸Ñ Ð´Ð¾ÐºÑменÑов</p></div> 218 <div class="check"><i>â</i><p>ÐбÑÑение на ÑÑÑÑком и ÐºÐ°Ð·Ð°Ñ Ñком ÑзÑÐºÐ°Ñ </p></div> 219 <div class="check"><i>â</i><p>ÐонÑÑлÑÑаÑÐ¸Ñ Ð¿Ð¾ комплекÑÑ Ð´Ð¾ÐºÑменÑов</p></div> 220 </div> 221 </div> 222 </div> 223</section> 224 225<section class="section" id="about"> 226 <div class="container"> 227 <div class="section-head reveal"> 228 <span class="kicker" data-i18n="about_kicker">УÑебнÑй ÑенÑÑ ÐÐ ÐФÐ</span> 229 <h2 data-i18n="about_title">ÐонÑÑнÑй пÑÑÑ Ð¾Ñ ÐºÐ¾Ð½ÑÑлÑÑаÑии до завеÑÑÐµÐ½Ð¸Ñ Ð¾Ð±ÑÑениÑ</h2> 230 </div> 231 <div class="steps"> 232 <article class="step reveal"><div class="step-number">01</div><h3>ÐонÑÑлÑÑаÑиÑ</h3><p>УÑоÑнÑем напÑавление и ÑÑебованиÑ.</p></article> 233 <article class="step reveal"><div class="step-number">
23302</div><h3>ÐокÑменÑÑ</h3><p>ÐÑовеÑÑем ÐºÐ¾Ð¼Ð¿Ð»ÐµÐºÑ Ð¸ оÑоÑмлÑем обÑÑение.</p></article> 234 <article class="step reveal"><div class="step-number">03</div><h3>ÐбÑÑение</h3><p>ТеоÑÐ¸Ñ Ð¸ пÑедÑÑмоÑÑÐµÐ½Ð½Ð°Ñ Ð¿ÑогÑаммой пÑакÑика.</p></article> 235 <article class="step reveal"><div class="step-number">04</div><h3>ÐавеÑÑение</h3><p>ÐÑÐ¾Ð³Ð¾Ð²Ð°Ñ Ð¿ÑовеÑка знаний и оÑоÑмление докÑменÑов.</p></article> 236 </div> 237 </div> 238</section> 239 240<section class="section section-soft"> 241 <div class="container"> 242 <div class="section-head reveal"> 243 <span class="kicker" data-i18n="docs_kicker">ÐокÑменÑÑ Ð¸ довеÑие</span> 244 <h2 data-i18n="docs_title">ÐнÑоÑмаÑÐ¸Ñ Ð´Ð»Ñ Ð¾Ð±ÑÑаÑÑÐ¸Ñ ÑÑ Ð¸ оÑганизаÑий</h2> 245 <p data-i18n="docs_text">РеквизиÑÑ, ÑазÑеÑиÑелÑнÑе докÑменÑÑ Ð¸ полиÑика обÑабоÑки даннÑÑ .</p> 246 </div> 247 <div class="docs-grid"> 248 <article class="doc-card reveal"><h3>РеквизиÑÑ</h3><p>ÐÑновнÑе ÑÐ²ÐµÐ´ÐµÐ½Ð¸Ñ Ð¾Ð± ÑÑебном ÑенÑÑе.</p><a class="text-link" href="documents.html">ÐÑкÑÑÑÑ</a></article> 249 <article class="doc-card reveal"><h3>РазÑеÑиÑелÑнÑе докÑменÑÑ</h3><p>ÐокÑменÑÑ, подÑвеÑждаÑÑие пÑаво Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð´ÐµÑÑелÑноÑÑи.</p><a class="text-link" href="documents.html">ÐÑкÑÑÑÑ</a></article> 250 <article class="doc-card reveal"><h3>ÐолиÑика конÑиденÑиалÑноÑÑи</h3><p>ÐÑавила обÑабоÑки даннÑÑ Ð¿Ð¾ÑеÑиÑелей.</p><a class="text-link" href="privacy.html">ÐÑкÑÑÑÑ</a></article> 251 </div> 252 </div> 253</section> 254 255<section class="section contacts" id="contacts"> 256 <div class="container contacts-grid"> 257 <div class="reveal"> 258 <span class="kicker light" data-i18n="contacts_kicker">СвÑжиÑеÑÑ Ñ Ð½Ð°Ð¼Ð¸</span> 259 <h2 data-i18n="contacts_title">ÐонÑакÑÑ ÑÑебного ÑенÑÑа</h2> 260 <div class="contact-list"> 261 <div class="contact-row"><span class="contact-icon">ð</span><div><strong data-i18n="address_title">ÐдÑеÑ</strong><p data-i18n="address">г. ÐиÑикаÑа, 5 микÑоÑайон, дом 15...</p></div></div> 262 <div class="contact-row"><span class="contact-icon">â</span><div><strong data-i18n="phone_title">ТелеÑон</strong><p><a href="tel:+77759777760">+7 775 977 77 60</a></p></div></div> 263 <div class="contact-row"><span class="contact-icon">ð</span><div><strong data-i18n="schedule_title">Режим ÑабоÑÑ</strong><p data-i18n="schedule">ÐнâÐÑ: 10:00â19:00</p></div></div> 264 </div> 265 <div class="actions"><a class="btn btn-whatsapp" href="https://wa.me/77759777760" target="_blank" rel="noopener" data-i18n="whatsapp">ÐапиÑаÑÑ Ð² WhatsApp</a><a class="btn btn-light" href="tel:+77759777760" data-i18n="call">ÐозвониÑÑ</a></div> 266 </div> 267 <div class="contact-card reveal"><img src="assets/img/logo.png" alt="ÐÐ ÐФÐ"><h3 data-i18n="site_name">УÑебнÑй ÑенÑÑ ÐÐ ÐФÐ</h3><p data-i18n="footer_note">ÐвÑоÑкола и пÑоÑеÑÑионалÑное обÑÑение в ÐиÑикаÑе</p></div> 268 </div> 269</section> 270</main> 271 272<footer class="footer"> 273 <div class="container footer-inner"> 274 <p>© <span id="currentYear"></span> <span data-i18n="footer_text">УÑебнÑй ÑенÑÑ ÐÐ ÐФÐ</span> · <span data-i18n="footer_note">ÐвÑоÑкола и пÑоÑеÑÑионалÑное обÑÑение в ÐиÑикаÑе</span></p> 275 276 <div class="footer-tools"> 277 <a class="footer-top-link" id="toTopButton" href="#page-top" data-i18n="to_top">ÐавеÑÑ </a> 278 279 <!-- Yandex.Metrika informer --> 280 <a class="metrika-informer__link" 281 href="https://metrika.yandex.ru/stat/?id=24009124&from=informer" 282 target="_blank" 283 rel="nofollow noopener noreferrer" 284 aria-label="ÐÑкÑÑÑÑ ÑÑаÑиÑÑÐ¸ÐºÑ Ð¯Ð½Ð´ÐµÐºÑ ÐеÑÑики"> 285 <img class="ym-advanced-informer metrika-informer__image" 286 src="https://informer.yandex.ru/informer/24009124/3_0_DBDBDBFF_BBBBBBFF_0_pageviews" 287 alt="Ð¯Ð½Ð´ÐµÐºÑ ÐеÑÑика" 288 title="Ð¯Ð½Ð´ÐµÐºÑ ÐеÑÑика: даннÑе за ÑегоднÑ" 289 data-cid="24009124" 290 data-lang="ru"> 291 </a> 292 <!-- /Yandex.Metrika informer --> 293 </div> 294 </div> 295</footer> 296
297<script src="assets/js/site.js"></script>
vendor: 1 bytes, line 297
297
298<script> 299 document.getElementById("toTopButton")?.addEventListener("click", function (event) { 300 event.preventDefault(); 301 window.scrollTo({ top: 0, left: 0, behavior: "smooth" }); 302 }); 303</script>
vendor: 1 bytes, line 303
303
304<script src="https://cdn.pulse.is/livechat/loader.js" 305 data-live-chat-id="67e59d59358c19e7f5049926" 306 async></script>
306 307 308<!-- ÐÐ ÐФÐ: двÑÑзÑÑное окно ÑвÑзи поÑле 30 ÑекÑнд бездейÑÑÐ²Ð¸Ñ --> 309<style> 310 #profiIdleOverlay { 311 position: fixed; 312 z-index: 2147483000; 313 inset: 0; 314 display: grid; 315 place-items: center; 316 padding: 20px; 317 background: rgba(7, 24, 44, 0.52); 318 opacity: 0; 319 visibility: hidden; 320 pointer-events: none; 321 transition: opacity 220ms ease, visibility 220ms ease; 322 } 323 324 #profiIdleOverlay.profi-idle-open { 325 opacity: 1; 326 visibility: visible; 327 pointer-events: auto; 328 } 329 330 #profiIdleOverlay .profi-idle-dialog { 331 position: relative; 332 width: min(430px, 100%); 333 max-height: calc(100vh - 40px); 334 overflow-y: auto; 335 padding: 30px 26px 26px; 336 border: 1px solid rgba(23, 79, 145, 0.16); 337 border-radius: 24px; 338 background: #ffffff; 339 box-shadow: 0 24px 70px rgba(8, 31, 58, 0.3); 340 text-align: center; 341 transform: translateY(16px) scale(0.97); 342 transition: transform 220ms ease; 343 } 344 345 #profiIdleOverlay.profi-idle-open .profi-idle-dialog { 346 transform: translateY(0) scale(1); 347 } 348 349 #profiIdleOverlay .profi-idle-close { 350 position: absolute; 351 top: 12px; 352 right: 12px; 353 display: grid; 354 place-items: center; 355 width: 38px; 356 height: 38px; 357 padding: 0; 358 border: 0; 359 border-radius: 50%; 360 background: #eef4fb; 361 color: #174f91; 362 font: inherit; 363 font-size: 25px; 364 line-height: 1; 365 cursor: pointer; 366 } 367 368 #profiIdleOverlay .profi-idle-close:hover, 369 #profiIdleOverlay .profi-idle-close:focus-visible { 370 background: #dce9f8; 371 outline: 2px solid rgba(23, 79, 145, 0.25); 372 outline-offset: 2px; 373 } 374 375 #profiIdleOverlay .profi-idle-icon { 376 display: grid; 377 place-items: center; 378 width: 62px; 379 height: 62px; 380 margin: 0 auto 18px; 381 border-radius: 50%; 382 background: rgba(23, 79, 145, 0.09); 383 font-size: 30px; 384 } 385 386 #profiIdleOverlay .profi-idle-title { 387 margin: 0 34px 10px; 388 color: #123f72; 389 font-size: clamp(24px, 4vw, 31px); 390 line-height: 1.18; 391 } 392 393 #profiIdleOverlay .profi-idle-title-ru { 394 font-size: clamp(21px, 3.5vw, 27px); 395 } 396 397 #profiIdleOverlay .profi-idle-text { 398 margin: 0 auto 15px; 399 max-width: 355px; 400 color: #5c6e80; 401 font-size: 15px; 402 line-height: 1.55; 403 } 404 405 #profiIdleOverlay .profi-idle-divider { 406 width: 72px; 407 height: 1px; 408 margin: 17px auto; 409 background: rgba(23, 79, 145, 0.18); 410 } 411 412 #profiIdleOverlay .profi-idle-actions { 413 display: grid; 414 grid-template-columns: 1fr 1fr; 415 gap: 12px; 416 margin-top: 22px; 417 } 418 419 #profiIdleOverlay .profi-idle-button { 420 display: inline-flex; 421 flex-direction: column; 422 align-items: center; 423 justify-content: center; 424 min-height: 62px; 425 padding: 10px 14px; 426 border: 1px solid transparent; 427 border-radius: 14px; 428 font-weight: 700; 429 line-height: 1.25; 430 text-align: center; 431 text-decoration: none; 432 transition: transform 160ms ease, background-color 160ms ease; 433 } 434 435 #profiIdleOverlay .profi-idle-button:hover, 436 #profiIdleOverlay .profi-idle-button:focus-visible { 437 transform: translateY(-1px); 438 outline: 2px solid rgba(23, 79, 145, 0.22); 439 outline-offset: 2px; 440 } 441 442 #profiIdleOverlay .profi-idle-button small { 443 display: block; 444 margin-top: 3px; 445 font-size: 12px; 446 font-weight: 600; 447 opacity: 0.9; 448 } 449 450 #profiIdleOverlay .profi-idle-whatsapp { 451 background: #25d366; 452 color: #ffffff; 453 } 454 455 #profiIdleOverlay .profi-idle-whatsapp:hover, 456 #profiIdleOverlay .profi-idle-whatsapp:focus-visible { 457 background: #1ebd5a; 458 } 459 460 #profiIdleOverlay .profi-idle-call { 461 border-color: rgba(23, 79, 145, 0.2); 462 background: #eef4fb; 463 color: #174f91; 464 } 465 466 #profiIdleOverlay .profi-idle-call:hover, 467 #profiIdleOverlay .profi-idle-call:focus-visible { 468 background: #dce9f8; 469 } 470 471 body.profi-idle-lock { 472 overflow: hidden; 473 } 474 475 @media (max-width: 520px) { 476 #profiIdleOverlay .profi-idle-dialog { 477 padding: 28px 18px 20px; 478 border-radius: 20px; 479 } 480 481 #profiIdleOverlay .profi-idle-actions { 482 grid-template-columns: 1fr; 483 } 484 485 #profiIdleOverlay .profi-idle-title { 486 margin-right: 30px; 487 margin-left: 30px; 488 } 489 } 490 491 @media (prefers-reduced-motion: reduce) { 492 #profiIdleOverlay, 493 #profiIdleOverlay .profi-idle-dialog, 494 #profiIdleOverlay .profi-idle-button { 495 transition: none; 496 } 497 } 498</style> 499 500<div id="profiIdleOverlay" aria-hidden="true"> 501 <section 502 class="profi-idle-dialog" 503 role="dialog" 504 aria-modal="true" 505 aria-labelledby="profiIdleTitle" 506 aria-describedby="profiIdleDescription" 507 > 508 <button 509 id="profiIdleClose" 510 class="profi-idle-close" 511 type="button" 512 aria-label="ÐÐ°Ð±Ñ / ÐакÑÑÑÑ" 513 > 514 à 515 </button> 516 517 <div class="profi-idle-icon" aria-hidden="true">
517ð¬</div> 518 519 <div lang="kk"> 520 <h2 id="profiIdleTitle" class="profi-idle-title">Ðөмек кеÑек пе?</h2> 521 <p class="profi-idle-text"> 522 WhatsApp аÑÒÑÐ»Ñ Ð¶Ð°Ð·ÑÒ£Ñз немеÑе ÒоңÑÑÐ°Ñ ÑалÑÒ£Ñз â оÒÑ Ð¼ÐµÐ½ ÒұжаÑÑÐ°Ñ Ð±Ð¾Ð¹ÑнÑа ÐºÐµÒ£ÐµÑ Ð±ÐµÑемÑз. 523 </p> 524 </div> 525 526 <div class="profi-idle-divider" aria-hidden="true"></div> 527 528 <div lang="ru"> 529 <h3 class="profi-idle-title profi-idle-title-ru">ÐÑжна помоÑÑ?</h3> 530 <p id="profiIdleDescription" class="profi-idle-text"> 531 ÐапиÑиÑе нам в WhatsApp или позвониÑе â подÑкажем по обÑÑÐµÐ½Ð¸Ñ Ð¸ докÑменÑам. 532 </p> 533 </div> 534 535 <div class="profi-idle-actions"> 536 <a 537 id="profiIdleWhatsapp" 538 class="profi-idle-button profi-idle-whatsapp" 539 href="https://wa.me/77759777760" 540 target="_blank" 541 rel="noopener noreferrer" 542 > 543 <span>WhatsApp аÑÒÑÐ»Ñ Ð¶Ð°Ð·Ñ</span> 544 <small>ÐапиÑаÑÑ Ð² WhatsApp</small> 545 </a> 546 547 <a 548 id="profiIdleCall" 549 class="profi-idle-button profi-idle-call" 550 href="tel:+77759777760" 551 > 552 <span>ÒоңÑÑÐ°Ñ ÑалÑ</span> 553 <small>ÐозвониÑÑ</small> 554 </a> 555 </div> 556 </section> 557</div> 558
559<script> 560(function () { 561 "use strict"; 562 563 if (window.__profiIdlePopupStarted) { 564 return; 565 } 566 window.__profiIdlePopupStarted = true; 567 568 const IDLE_DELAY = 10000; 569 const MOVE_THRESHOLD = 12; 570 571 const overlay = document.getElementById("profiIdleOverlay"); 572 const closeButton = document.getElementById("profiIdleClose"); 573 const whatsappButton = document.getElementById("profiIdleWhatsapp"); 574 const callButton = document.getElementById("profiIdleCall"); 575 576 if (!overlay || !closeButton || !whatsappButton || !callButton) { 577 console.error("ÐÐ ÐФÐ: ÑлеменÑÑ Ð¾ÐºÐ½Ð° ÑвÑзи не найденÑ."); 578 return; 579 } 580 581 const whatsappMessage = [ 582 "СÓлемеÑÑÑз бе! ÐÐ ÐФРоÒÑ Ð¾ÑÑалÑÒÑндаÒÑ Ð¾ÒÑ ÑÑÑÐ°Ð»Ñ Ð°ÒпаÑаÑÑÑ Ð½Ð°ÒÑÑлаÒÑм келедÑ.", 583 "", 584 "ÐдÑавÑÑвÑйÑе! ХоÑÑ ÑÑоÑниÑÑ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð¾Ð± обÑÑении в УÑебном ÑенÑÑе ÐÐ ÐФÐ." 585 ].join("\n"); 586 587 whatsappButton.href = 588 "https://wa.me/77759777760?text=" + 589 encodeURIComponent(whatsappMessage); 590 591 let idleTimer = null; 592 let shownOnThisPage = false; 593 let lastPointerX = null; 594 let lastPointerY = null; 595 let previousFocus = null; 596 597 function clearIdleTimer() { 598 if (idleTimer !== null) { 599 window.clearTimeout(idleTimer); 600 idleTimer = null; 601 } 602 } 603 604 function schedulePopup() { 605 clearIdleTimer(); 606 607 if (shownOnThisPage || document.hidden) { 608 return; 609 } 610 611 idleTimer = window.setTimeout(function () { 612 if (!shownOnThisPage && !document.hidden) { 613 openPopup(); 614 } 615 }, IDLE_DELAY); 616 } 617 618 function openPopup() { 619 shownOnThisPage = true; 620 clearIdleTimer(); 621 previousFocus = document.activeElement; 622 623 overlay.classList.add("profi-idle-open"); 624 overlay.setAttribute("aria-hidden", "false"); 625 document.body.classList.add("profi-idle-lock"); 626 627 window.setTimeout(function () { 628 closeButton.focus(); 629 }, 0); 630 } 631 632 function closePopup() { 633 overlay.classList.remove("profi-idle-open"); 634 overlay.setAttribute("aria-hidden", "true"); 635 document.body.classList.remove("profi-idle-lock"); 636 637 if (previousFocus && typeof previousFocus.focus === "function") { 638 previousFocus.focus(); 639 } 640 } 641 642 function registerActivity() { 643 if (!shownOnThisPage) { 644 schedulePopup(); 645 } 646 } 647 648 function handlePointerMove(event) { 649 if (lastPointerX === null || lastPointerY === null) { 650 lastPointerX = event.clientX; 651 lastPointerY = event.clientY; 652 return; 653 } 654 655 const deltaX = Math.abs(event.clientX - lastPointerX); 656 const deltaY = Math.abs(event.clientY - lastPointerY); 657 658 if (deltaX >= MOVE_THRESHOLD || deltaY >= MOVE_THRESHOLD) { 659 lastPointerX = event.clientX; 660 lastPointerY = event.clientY; 661 registerActivity(); 662 } 663 } 664 665 window.addEventListener("pointermove", handlePointerMove, { passive: true }); 666 667 ["pointerdown", "keydown", "wheel", "touchstart", "scroll"].forEach(function (eventName) { 668 window.addEventListener(eventName, registerActivity, { passive: true }); 669 }); 670 671 document.addEventListener("visibilitychange", function () { 672 clearIdleTimer(); 673 674 if (!document.hidden && !shownOnThisPage) { 675 schedulePopup(); 676 } 677 }); 678 679 window.addEventListener("pageshow", function (event) { 680 if (event.persisted) { 681 shownOnThisPage = false; 682 closePopup(); 683 schedulePopup(); 684 } 685 }); 686 687 closeButton.addEventListener("click", closePopup); 688 689 overlay.addEventListener("click", function (event) { 690 if (event.target === overlay) { 691 closePopup(); 692 } 693 }); 694 695 document.addEventListener("keydown", function (event) { 696 if (event.key === "Escape" && overlay.classList.contains("profi-idle-open")) { 697 closePopup(); 698 } 699 }); 700 701 whatsappButton.addEventListener("click", closePopup); 702 callButton.addEventListener("click", closePopup); 703 704 schedulePopup(); 705})(); 706</script>
706 707<!-- /ÐÐ ÐФÐ: двÑÑзÑÑное окно ÑвÑзи поÑле 30 ÑекÑнд бездейÑÑÐ²Ð¸Ñ --> 708 709 710</body> 711</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.