PageSourceSearch

https://profi-centr.kz/index.html

html profi-centr.kz collected 2026-10-05 00:04:18 UTC 26,869 bytes, 711 lines download raw bytes

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&amp;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.