PageSourceSearch

https://36obrmp.navy/

html 36obrmp.navy collected 2026-10-06 12:40:22 UTC 70,833 bytes, 1,243 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="uk">
4<head>
5<!-- Google Tag Manager -->
6<script>
vendor: 331 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10})(window,document,'script','dataLayer','
10GTM-PHW7RV2G
vendor: 3 bytes, line 10
10');
10</script>
10
11<!-- End Google Tag Manager -->
12<meta charset="utf-8"/>
13<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
14<title>36 ОБрМП — вакансії, контракт і рекрутинг | Морська піхота</title>
15<meta content="Офіційний сайт 36 ОБрМП: вакансії, контракт 18-24, БПЛА та НРК, прямий рекрутинг, нові контракти та подача заявки до морської піхоти України." name="description"/>
16<meta content="36 ОБрМП, морська піхота, вакансії ЗСУ, контракт, прямий рекрутинг, служба, Україна" name="keywords"/>
17<!-- Open Graph -->
18<meta content="36 ОБрМП — вакансії, контракт і рекрутинг | Морська піхота" property="og:title"/>
19<meta content="Офіційний сайт 36 ОБрМП: вакансії, контракт 18-24, БПЛА та НРК, прямий рекрутинг, нові контракти та подача заявки до морської піхоти України." property="og:description"/>
20<meta content="https://36obrmp.navy/logo.png" property="og:image"/>
21<meta content="website" property="og:type"/>
22<meta content="uk_UA" property="og:locale"/>
23<!-- Cloudflare Turnstile: implicit rendering for the static contact form -->
24<link href="https://challenges.cloudflare.com" rel="preconnect"/>
25<script>
26        window.onContactTurnstileSuccess = function (token) {
27            var button = document.getElementById('contactSubmit');
28            var status = document.getElementById('turnstileStatus');
29            if (button) button.disabled = !token;
30            if (status) {
31                status.textContent = 'Перевірку безпеки пройдено. Заявку можна надсилати.';
32                status.className = 'turnstile-status turnstile-status-ok';
33            }
34        };
35
36        window.onContactTurnstileError = function (errorCode) {
37            var button = document.getElementById('contactSubmit');
38            var status = document.getElementById('turnstileStatus');
39            if (button) button.disabled = true;
40            if (status) {
41                status.textContent = 'Не вдалося завантажити перевірку безпеки (' + errorCode + '). Оновіть сторінку або вимкніть блокувальник реклами для цього сайту.';
42                status.className = 'turnstile-status turnstile-status-error';
43            }
44            return false;
45        };
46
47        window.onContactTurnstileExpired = function () {
48            var button = document.getElementById('contactSubmit');
49            var status = document.getElementById('turnstileStatus');
50            if (button) button.disabled = true;
51            if (status) {
52                status.textContent = 'Час перевірки безпеки минув. Будь ласка, пройдіть її ще раз.';
53                status.className = 'turnstile-status turnstile-status-error';
54            }
55        };
56    </script>
vendor: 2 bytes, line 56
56
57<script async="" defer="" src="https://challenges.cloudflare.com/turnstile/v0/api.js"></script>
57
58<!-- Favicon -->
59<link href="assets/brand/favicon-48.png" rel="icon" type="image/png"/>
60<link href="https://fonts.googleapis.com" rel="preconnect"/>
61<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
62<link as="style" href="https://fonts.googleapis.com/css2?family=Science+Gothic:opsz,wdth,[email protected],75..125,100..900&amp;display=swap" rel="preload"/>
63<link href="https://fonts.googleapis.com/css2?family=Science+Gothic:opsz,wdth,[email protected],75..125,100..900&amp;display=swap" media="print" onload="this.media='all'" rel="stylesheet"/>
64<noscript><link href="https://fonts.googleapis.com/css2?family=Science+Gothic:opsz,wdth,[email protected],75..125,100..900&amp;display=swap" rel="stylesheet"/></noscript>
65<script defer="" src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script>
65
66<link href="style.css?v=20260811.2" rel="stylesheet"/>
67<style id="critical-recovery-fix">
68.reveal-on-scroll,.reveal-on-scroll.visible{opacity:1!important;transform:none!important}
69.reviews-carousel{overflow:hidden!important}
70.reviews-track{display:flex!important;width:100%!important;transition:transform .4s ease!important}
71.reviews-track>.review-card{display:block!important;flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important}
72</style>
73<style>
74        .form-group-turnstile { margin-top: 4px; }
75        .form-group-turnstile .cf-turnstile { min-height: 65px; }
76        .turnstile-status { margin: 8px 0 0; font-size: 12px; line-height: 1.45; color: rgba(255,255,255,.72); }
77        .turnstile-status-ok { color: #8ee6bd; }
78        .turnstile-status-error { color: #ff9f9f; }
79        .btn-submit:disabled { opacity: .6; cursor: not-allowed; }
80    </style>
81<style id="back-to-top-style">
82.back-to-top{position:fixed;right:20px;bottom:24px;z-index:9998;width:48px;height:48px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4c542;color:#111;box-shadow:0 6px 18px rgba(0,0,0,.28);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background-color .2s ease}
83.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
84.back-to-top:hover{background:#ffd85a}.back-to-top:focus-visible{outline:3px solid #fff;outline-offset:3px}
85.back-to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
86@media(max-width:768px){.back-to-top{right:14px;bottom:82px;width:44px;height:44px}}
87@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
88</style>
89<link href="https://36obrmp.navy/" rel="canonical"/><meta content="36 ОБрМП — вакансії, контракт і рекрутинг | Морська піхота" name="twitter:title"/><meta content="Офіційний сайт 36 ОБрМП: вакансії, контракт 18-24, БПЛА та НРК, прямий рекрутинг, нові контракти та подача заявки до морської піхоти України." name="twitter:description"/><meta content="Логотип 36 ОБрМП — морська піхота України" property="og:image:alt"/><meta content="https://36obrmp.navy/" property="og:url"/><meta content="36 ОБрМП" property="og:site_name"/><meta content="summary_large_image" name="twitter:card"/><meta content="https://36obrmp.navy/logo.png" name="twitter:image"/><meta content="Логотип 36 ОБрМП — морська піхота України" name="twitter:image:alt"/><meta name="robots" content="index, follow">
90<link href="/news.css?v=20260810.1" rel="stylesheet"/>
91</head>
92<body data-environment="production">
93<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 93-94
93
94<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
94GTM-PHW7RV2G
vendor: 85 bytes, lines 94-95
94"
95height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
96<!-- End Google Tag Manager (noscript) -->
97<!-- SCROLL PROGRESS -->
98<div class="scroll-progress"></div>
99<!-- NAVBAR -->
100<nav class="navbar" id="navbar">
101<div class="nav-border"></div>
102<div class="nav-container">
103<a class="brand" href="#">
104<img alt="Логотип 36 ОБрМП — морська піхота України" class="brand-logo" decoding="async" height="160" loading="eager" src="assets/brand/logo-160.webp" width="141"/>
105<div class="brand-text">
106<span class="brand-title"><span class="brand-highlight">36</span> ОБрМП</span>
107<span class="brand-subtitle">БОРІТЕСЯ - ПОБОРЕТЕ</span>
108</div>
109</a>
110<ul class="nav-menu">
111<li><a class="nav-link" href="/#about">ПРО НАС</a></li>
112<li><a class="nav-link" href="/kontrakt-18-24">КОНТРАКТ 18-24</a></li><li><a class="nav-link" href="/bpla-nrk">БПЛА / НРК</a></li><li><a class="nav-link" href="/new-contracts">НОВІ КОНТРАКТИ</a></li><li><a class="nav-link" href="/return-from-szch">ПОВЕРНЕННЯ З СЗЧ</a></li>
113<li><a class="nav-link" href="/direct-recruiting">ПРЯМИЙ РЕКРУТИНГ</a></li>
114<li><a class="nav-link" href="/career">КАР'ЄРА</a></li>
115<li><a class="nav-link news-nav-link" href="/novyny">НОВИНИ БРИГАДИ</a></li>
116<li><a class="nav-link" href="/posady">ВАКАНСІЇ ТА ПОСАДИ</a></li>
117<li><a class="nav-link" href="/#contacts">КОНТАКТИ</a></li>
118</ul>
119<a class="btn-cta" href="/apply">ДОЛУЧАЙСЯ ДО БРИГАДИ!</a>
120<button aria-controls="mobileMenu" aria-expanded="false" aria-label="Відкрити меню" class="mobile-toggle" id="mobileToggle" type="button">
121<span></span>
122<span></span>
123<span></span>
124</button>
125</div>
126<div class="mobile-menu" id="mobileMenu">
127<a href="/#about">ПРО НАС</a>
128<a href="/kontrakt-18-24">КОНТРАКТ 18-24</a><a href="/bpla-nrk">БПЛА / НРК</a>
129<a href="/new-contracts">НОВІ КОНТРАКТИ</a><a href="/return-from-szch">ПОВЕРНЕННЯ З СЗЧ</a>
130<a href="/direct-recruiting">ПРЯМИЙ РЕКРУТИНГ</a>
131<a href="/career">КАР'ЄРА</a>
132<a href="/novyny">НОВИНИ БРИГАДИ</a>
133<a href="/posady">ВАКАНСІЇ ТА ПОСАДИ</a>
134<a href="/#contacts">КОНТАКТИ</a>
135<a class="mobile-cta" href="/apply">Долучайся до бригади!</a>
136</div>
137</nav>
138<!-- HERO -->
139<section class="hero">
140<picture aria-hidden="true" class="hero-bg">
141<source sizes="100vw" srcset="assets/hero/hero-dark-960.avif 960w, assets/hero/hero-dark-1440.avif 1440w, assets/hero/hero-dark-1920.avif 1920w" type="image/avif"/>
142<source sizes="100vw" srcset="assets/hero/hero-dark-960.webp 960w, assets/hero/hero-dark-1440.webp 1440w, assets/hero/hero-dark-1920.webp 1920w" type="image/webp"/>
143<img alt="Боєць 36 ОБрМП на тлі прапора України — морська піхота України" decoding="async" fetchpriority="high" height="1536" loading="eager" src="hero-dark.png" width="2752"/>
144</picture>
145<div class="hero-overlay"></div>
146<div class="hero-content">
147<h1 class="hero-title">
148                ВІРНІ <br/> <span class="gold-text">ЗАВЖДИ</span>
149</h1>
150<p class="hero-subtitle">
151                Не просто служба. Не просто бригада. <br/>
152                Це вибір тих, хто готовий стати частиною легенди.
153            </p>
154<div class="hero-stats reveal-on-scroll">
155<div class="stat-item">
156<span class="stat-number" data-target="11">0</span>
157<span class="stat-label">Років війни</span>
158</div>
159<div class="stat-divider"></div>
160<div class="stat-item">
161<span class="stat-number" data-suffix="+" data-target="10000">0</span>
162<span class="stat-label">Знищених ворогів</span>
163</div>
164<div class="stat-divider"></div>
165<div class="stat-item">
166<span class="stat-number" data-suffix="+" data-target="100">0</span>
167<span class="stat-label">Вакансій</span>
168</div>
169</div>
170<a class="btn-hero" href="#path">Обрати свій шлях</a>
171</div>
172<a class="scroll-indicator" href="#about">
173<span class="scroll-text">ГОРТАТИ</span>
174<div class="scroll-line"></div>
175</a>
176</section>
177<!-- ABOUT — Cinematic Layout -->
178<section class="about reveal-on-scroll" id="about">
179<div class="container">
180<div class="about-cinematic">
181<div class="about-text-col">
182<span class="about-label">EST. 2014</span>
183<h2 class="about-headline">ЛЕГЕНДА,<br/><span class="text-stroke-bronze">ЗАГАРТОВАНА<br/>ВОГНЕМ</span>
184</h2>
185<p class="about-lead">
186<strong>36 ОБрМП</strong> — це авангард Морської піхоти України. Ми — братство, що не зрадило
187                        присязі в Криму, вистояло в пеклі Маріуполя та зупинило ворога під Миколаєвом. Сталевий кулак,
188                        що завжди б'є першим.
189                    </p>
190<p class="about-body">
191                        Наш шлях почався у 2014 році. Коли інші вагалися, ми зробили вибір: вірність Українському
192                        Народові. З
193                        того часу ми пройшли крізь найжорстокіші битви цієї війни, ставши символом незламності та
194                        професіоналізму.
195                    </p>
196<!-- Timeline -->
197<div class="about-timeline">
198<div class="about-tl-item">
199<span class="about-tl-year color-bronze">2014</span>
200<div class="about-tl-content">
201<h4>КРИМ. ВІРНІСТЬ ПРИСЯЗІ</h4>
202<p>Історія легендарної бригади морської піхоти почалася у Криму. Вірність Українському
203                                    Народові.</p>
204</div>
205</div>
206<div class="about-tl-item">
207<span class="about-tl-year">2015</span>
208<div class="about-tl-content">
209<h4>ФОРМУВАННЯ</h4>
210<p>Створення 36 бригади морської піхоти. Участь в АТО та ООС, Маріупольський напрямоÐ
210º.
211                                </p>
212</div>
213</div>
214<div class="about-tl-item active">
215<span class="about-tl-year">2022</span>
216<div class="about-tl-content">
217<h4>ПОВНОМАСШТАБНА ВІЙНА</h4>
218<p>Оборона Маріуполя. Авдіївський напрямок. Захист Миколаївщини та звільнення
219                                    Херсонщини.</p>
220</div>
221</div>
222<div class="about-tl-item">
223<span class="about-tl-year">2023</span>
224<div class="about-tl-content">
225<h4>ЛІВИЙ БЕРЕГ</h4>
226<p>Кринки. Плацдарм надій та героїзму.</p>
227</div>
228</div>
229<div class="about-tl-item">
230<span class="about-tl-year">2024</span>
231<div class="about-tl-content">
232<h4>СХІД І ПІВНІЧ</h4>
233<p>Оборона Вовчанська, Курський напрямок.</p>
234</div>
235</div>
236<div class="about-tl-item">
237<span class="about-tl-year">2025</span>
238<div class="about-tl-content">
239<h4>ДОНЕЧЧИНА</h4>
240<p>Оборона Донеччини. Тримаємо стрій.</p>
241</div>
242</div>
243</div>
244<!-- Quote -->
245<blockquote class="about-quote">
246<em>Морська піхота не відступає. Вона розвертається і наступає в іншому напрямку.</em>
247</blockquote>
248</div>
249<div class="about-photos-col">
250<div class="about-photo-main">
251<img alt="Боєць 36 ОБрМП у бойовому спорядженні — морська піхота України" decoding="async" height="1101" loading="lazy" src="legacy-photo.webp" width="962"/>
252</div>
253<div class="about-photo-badge">
254<picture>
255<source srcset="assets/brand/legacy-photo-2-700.avif" type="image/avif"/>
256<source srcset="assets/brand/legacy-photo-2-700.webp" type="image/webp"/>
257<img alt="Шеврон 36 ОБрМП — емблема морської піхоти України" decoding="async" height="1500" loading="lazy" src="legacy-photo-2.jpg" width="1500"/>
258</picture>
259</div>
260</div>
261</div>
262</div>
263</section>
264<!-- PATH -->
265<section class="path reveal-on-scroll" id="path">
266<div class="tactical-grid"></div>
267<div class="container">
268<div class="section-header">
269<div class="header-decoration">
270<span class="deco-line"></span>
271<span class="deco-icon iconify" data-icon="mdi:crosshairs-gps"></span>
272<span class="deco-line"></span>
273</div>
274<h2 class="section-title">Формати вступу</h2>
275<p class="section-subtitle">Обери шлях, що відповідає твоїм цілям</p>
276</div>
277<div class="path-grid">
278<div class="path-card">
279<div class="path-icon">
280<span class="iconify" data-icon="mdi:run-fast"></span>
281</div>
282<h3><span class="nowrap-word">Контракт</span> <span class="nowrap-word">18-24</span></h3>
283<p class="path-desc">Для тих, хто цінує свободу маневру</p>
284<ul class="path-features">
285<li><span class="check iconify" data-icon="mdi:check-bold"></span>Лише 1 рік гарантованої служби
286                        </li>
287<li><span class="check iconify" data-icon="mdi:check-bold"></span>Право на звільнення після року
288                        </li>
289<li><span class="check iconify" data-icon="mdi:check-bold"></span>Підйомні та пільги на навчання
290                        </li>
291</ul>
292<a class="btn-path" href="kontrakt-18-24">Хочу на контракт</a>
293</div><div class="path-card drone-path-card">
294<div class="path-icon"><span class="iconify" data-icon="mdi:quadcopter"></span></div>
295<h3><span class="nowrap-word">БПЛА</span> <span class="nowrap-word">/</span> <span class="nowrap-word">НРК</span></h3>
296<p class="path-desc">Для тих, хто обирає технології, безпілотні та роботизовані системи</p>
297<ul class="path-features"><li><span class="check iconify" data-icon="mdi:check-bold"></span>Вакансії для кандидатів різного віку</li><li><span class="check iconify" data-icon="mdi:check-bold"></span>Повітряні БПЛА та наземні роботизовані комплекси</li><li><span class="check iconify" data-icon="mdi:check-bold"></span>Навчання під конкретну посаду</li></ul>
298<a class="btn-path" href="/bpla-nrk">Обрати напрям</a>
299</div>
300<div class="path-card new-contracts-path-card">
301<div class="path-icon"><span class="iconify" data-icon="mdi:file-sign"></span></div>
302<h3><span class="nowrap-word">Нові</span> <span class="nowrap-word">контракти</span> <span class="nowrap-word">2026</span></h3>
303<p class="path-desc">Для військовозобов’язаних, які хочуть знати строк служби заздалегідь</p>
304<ul class="path-features">
305<li><span class="check iconify" data-icon="mdi:check-bold"></span>Контракт на 14 або 24 місяці</li>
306<li><span class="check iconify" data-icon="mdi:check-bold"></span>Виплати залежно від ризику та завдань</li>
307<li><span class="check iconify" data-icon="mdi:check-bold"></span>Відстрочка після завершення контракту</li>
308</ul>
309<a class="btn-path" href="/new-contracts">Дізнатися умови</a>
310</div><div class="path-card szch-path-card">
311<div class="path-icon"><span class="iconify" data-icon="mdi:shield-account-outline"></span></div>
312<h3><span class="nowrap-word">Повернення</span> <span class="nowrap-word">з</span> <span class="nowrap-word">СЗЧ</span></h3>
313<p class="path-desc">Для військовослужбовців, які хочуть добровільно повернутися до служби</p>
314<ul class="path-features">
315<li><span class="check iconify" data-icon="mdi:check-bold"></span>Співбесіда з рекрутером</li>
316<li><span class="check iconify" data-icon="mdi:check-bold"></span>Отримання реклиста</li>
317<li><span class="check iconify" data-icon="mdi:check-bold"></span>Супровід через батальйон резерву</li>
318</ul>
319<a class="btn-path" href="/return-from-szch">Дізнатися порядок</a>
320</div>
321<div class="path-card featured">
322<div class="path-icon">
323<span class="iconify" data-icon="mdi:shield-lock-outline"></span>
324</div>
325<h3><span class="nowrap-word">Пряма</span> <span class="nowrap-word">мобілізація</span></h3>
326<p class="path-desc">Для тих, хто бере долю у свої руки</p>
327<ul class="path-features">
328<li><span class="check iconify" data-icon="mdi:check-bold"></span>Без лотереї і розподілу</li>
329<li><span class="check iconify" data-icon="mdi:check-bold"></span>Служба за фахом та
330                            спеціальністю</li>
331<li><span class="check iconify" data-icon="mdi:check-bold"></span>Персональний супровід</li>
332</ul>
333<a class="btn-path featured" href="/direct-recruiting">Обрати вакансію</a>
334</div>
335<div class="path-card">
336<div class="path-icon">
337<span class="iconify" data-icon="mdi:medal-outline"></span>
338</div>
339<h3><span class="nowrap-word">Контракт</span> <span class="nowrap-word">-</span> <span class="nowrap-word">професійна</span> <span class="nowrap-word">кар'єра</span></h3>
340<p class="path-desc">Для тих, хто будує майбутнє у війську</p>
341<ul class="path-features">
342<li><span class="check iconify" data-icon="mdi:check-bold"></span>Визначені терміни служби</li>
343<li><span class="check iconify" data-icon="mdi:check-bold"></span>Забезпечення або компенсація
344                            житла</li>
345<li><span class="check iconify" data-icon="mdi:check-bold"></span>Додаткові державні і відомчі
346                            пільги</li>
347</ul>
348<a class="btn-path" href="/career">Будувати кар'єру</a>
349</div>
350</div>
351</div>
352</section>
353<!-- RECRUIT PATH -->
354<section class="recruit-path reveal-on-scroll" id="recruit-path">
355<div class="container">
356<div class="section-header">
357<div class="header-decoration">
358<span class="deco-line"></span>
359<span class="deco-icon iconify" data-icon="mdi:map-marker-path"></span>
360<span class="deco-line"></span>
361</div>
362<h2 class="section-title">Шлях рекрута</h2>
363<p class="section-subtitle">Прозорий процес від заявки до служби. Без бюрократичних пасток.</p>
364</div>
365<div class="recruit-timeline">
366<!-- Step 1 -->
367<div class="rt-item">
368<div class="rt-marker">01</div>
369<div class="rt-content">
370<span class="rt-time">День 1</span>
371<h3>Заявка</h3>
372<p>Залишаєш контакти на сайті або телефонуєш. Ми зв'язуємось протягом 24 годин.</p>
373</div>
374</div>
375<!-- Step 2 -->
376<div class="rt-item">
377<div class="rt-marker">02</div>
378<div class="rt-content">
379<span class="rt-time">День 2</span>
380<h3>Співбесіда</h3>
381<p>Онлайн або офлайн. Знайомство, вибір посади, відповіді на всі питання.</p>
382</div>
383</div>
384<!-- Step 3 -->
385<div class="rt-item">
386<div class="rt-marker">03</div>
387<div class="rt-content">
388<span class="rt-time">День 3-5</span>
389<h3>ТЦК та ВЛК</h3>
390<p>Супровід наших рекрутерів. Жодних черг. Оформлення документів без стресу.</p>
391</div>
392</div>
393<!-- Step 4 -->
394<div class="rt-item">
395<div class="rt-marker">04</div>
396<div class="rt-content">
397<span class="rt-time">Тиждень 2-8</span>
398<h3>БЗВП</h3>
399<p>Базова підготовка. Полігон, стрільби, тактика. Інструктори з бойовим досвідом.</p>
400</div>
401</div>
402<!-- Step 5 -->
403<div class="rt-item">
404<div class="rt-marker">05</div>
405<div class="rt-content">
406<span class="rt-time">Тиждень 9-10</span>
407<h3>Фах та злагодження</h3>
408<p>Навчання за спеціальністю: дрон, кулемет, медицина, зв'язок. Тільки корисні навички.</p>
409</div>
410</div>
411<!-- Step 6 -->
412<div class="rt-item final">
413<div class="rt-marker"><span class="iconify" data-icon="mdi:flag-checkered"></span></div>
414<div class="rt-content">
415<span class="rt-time">Тиждень 11</span>
416<h3>У строю</h3>
417<p>Прибуття в підрозділ. Ти — частина морської піхоти. Ти — частина легенди.</p>
418</div>
419</div>
420</div>
421</div>
422</section>
423<!-- MEDIA GALLERY -->
424<section class="media-gallery reveal-on-scroll" id="gallery">
425<div class="container">
426<div class="section-header">
427<div class="header-decoration">
428<span class="deco-line"></span>
429<span class="deco-icon iconify" data-icon="mdi:camera-burst"></span>
430<span class="deco-line"></span>
431</div>
432<h2 class="section-title">Медіа-зона</h2>
433<p class="section-subtitle">Життя бригади в кадрі. Без фільтрів.</p>
434</div>
435<div class="gallery-grid">
436<!-- Video Item (Large) - Combat Work -->
437<div class="gallery-item video-item large">
438<div class="gallery-content">
439<video class="gallery-video" data-src="assets/gallery/videos/v1.mp4" loop="" muted="" playsinline="" poster="assets/gallery/posters/v1.webp" preload="none"></video>
440<div class="gallery-overlay">
441<span class="gallery-icon iconify" data-icon="mdi:play"></span>
442<h3>Бойова робота</h3>
443</div>
444</div>
445</div>
446<!-- Image Item -->
447<div class="gallery-item image-item">
448<div class="gallery-content">
449<img alt="Бійці 36 ОБрМП у бойовій роботі — морська піхота України" decoding="async" height="726" loading="lazy" src="assets/gallery/images/485993553_639428178839606_8053085323018992742_n.jpg.webp" width="1090"/>
450<div class="gallery-overlay">
451<span class="gallery-icon iconify" data-icon="mdi:magnify-plus-outline"></span>
452</div>
453</div>
454</div>
455<!-- Image Item -->
456<div class="gallery-item image-item">
457<div class="gallery-content">
458<img alt="Бійці 36 ОБрМП під час служби — морська піхота України" decoding="async" height="726" loading="lazy" src="assets/gallery/images/483493817_636205639161860_1915708878166852056_n.jpg.webp" width="1090"/>
459<div class="gallery-overlay">
460<span class="gallery-icon iconify" data-icon="mdi:magnify-plus-outline"></span>
461</div>
462</div>
463</div>
464<!-- Video Item - Training -->
465<div class="gallery-item video-item">
466<div class="gallery-content">
467<video class="gallery-video" data-src="assets/gallery/videos/h2_0-optimized.mp4" loop="" muted="" playsinline="" poster="assets/gallery/posters/h2_0.webp" preload="none"></video>
468<div class="gallery-overlay">
469<span class="gallery-icon iconify" data-icon="mdi:play"></span>
470<h3>Навчання</h3>
471</div>
472</div>
473</div>
474<!-- Image Item (Wide) - Brotherhood -->
475<div class="gallery-item image-item wide">
476<div class="gallery-content">
477<img alt="Побратими 36 ОБрМП — морська піхота України" decoding="async" height="872" loading="lazy" src="assets/gallery/images/485167457_638716765577414_6077358362721220126_n.jpg.webp" width="1090"/>
478<div class="gallery-overlay">
479<span class="gallery-icon iconify" data-icon="mdi:magnify-plus-outline"></span>
480<h3>Побратими</h3>
481</div>
482</div>
483</div>
484<!-- Image Item -->
485<div class="gallery-item image-item">
486<div class="gallery-content">
487<img alt="Морські піхотинці 36 ОБрМП у підрозділі — ЗСУ" decoding="async" height="726" loading="lazy" src="assets/gallery/images/485036323_639428128839611_3305638506702031873_n.jpg.webp" width="1090"/>
488<div class="gallery-overlay">
489<span class="gallery-icon iconify" data-icon="mdi:magnify-plus-outline"></span>
490</div>
491</div>
492</div>
493<!-- Image Item -->
494<div class="gallery-item image-item">
495<div class="gallery-content">
496<img alt="Морські піхотинці 36 ОБрМП — служба та бойові завдання" decoding="async" height="611" loading="lazy" src="assets/gallery/images/486474167_644123261703431_2316920060386219647_n.jpg.webp" width="1090"/>
497<div class="gallery-overlay">
498<span class="gallery-icon iconify" data-icon="mdi:magnify-plus-outline"></span>
499</div>
500</div>
501</div>
502<!-- Video Item - Atmosphere -->
503<div class="gallery-item video-item large">
504<div class="gallery-content">
505<video class="gallery-video" data-src="assets/gallery/videos/v3-optimized.mp4" loop="" muted="" playsinline="" poster="assets/gallery/posters/v3.webp" preload="none"></video>
506<div class="gallery-overlay">
507<span class="gallery-icon iconify" data-icon="mdi:play"></span>
508<h3>Атмосфера</h3>
509</div>
510</div>
511</div>
512<!-- Image Item -->
513<div class="gallery-item image-item">
514<div class="gallery-content">
515<img alt="36 ОБрМП — військовослужбовці морської піхоти України" decoding="async" height="726" loading="lazy" src="assets/gallery/images/490296130_654827903966300_675544029053790308_n.jpg.webp" width="1090"/>
516<div class="gallery-overlay">
517<span class="gallery-icon iconify" data-icon="mdi:magnify-plus-outline"></span>
518</div>
519</div>
520</div>
521<!-- Image Item -->
522<div class="gallery-item image-item">
523<div class="gallery-content">
524<img alt="Військовослужбовці 36 ОБрМП на службі — морська піхота" decoding="async" height="726" loading="lazy" src="assets/gallery/images/485328219_637822515666839_6519670203260890246_n.jpg.webp" width="1090"/>
525<div class="gallery-overlay">
526<span class="gallery-icon iconify" data-icon="mdi:magnify-plus-outline"></span>
527</div>
528</div>
529</div>
530</div>
531</div>
532</section>
533<!-- VACANCIES -->
534<section aria-labelledby="news-teaser-title" class="news-teaser reveal-on-scroll">
535<div class="container">
536<div class="section-header">
537<div class="header-decoration"><span class="deco-line"></span><span class="deco-icon iconify" data-icon="mdi:newspaper-variant-outline
537"></span><span class="deco-line"></span></div>
538<h2 class="section-title" id="news-teaser-title">Життя бригади</h2>
539<p class="section-subtitle">Останні події, підготовка та історії морських піхотинців</p>
540</div>
541<div aria-label="Останні новини бригади" class="news-teaser-grid">
542<article class="news-card"><a class="news-card-media" href="/novyny/nagorody-batalionu-zabezpechennia"><img alt="Військовослужбовці 36 ОБрМП під час нагородження" height="726" loading="lazy" src="/assets/news/nagorody-batalionu-zabezpechennia.webp" width="1090"/></a><div class="news-card-body"><div class="news-meta"><span class="news-category">Життя бригади</span><time datetime="2026-08-01">1 серпня 2026</time></div><h3><a href="/novyny/nagorody-batalionu-zabezpechennia">Морпіхи батальйону забезпечення отримали відзнаки</a></h3><a class="news-read-more" href="/novyny/nagorody-batalionu-zabezpechennia">Читати</a></div></article>
543<article class="news-card"><a class="news-card-media" href="/novyny/fizychna-pidhotovka-rekrutiv"><img alt="Морські піхотинці 36 ОБрМП під час тренування" height="726" loading="lazy" src="/assets/news/fizychna-pidhotovka-rekrutiv.webp" width="1090"/></a><div class="news-card-body"><div class="news-meta"><span class="news-category">Підготовка</span><time datetime="2026-08-01">1 серпня 2026</time></div><h3><a href="/novyny/fizychna-pidhotovka-rekrutiv">Витривалість починається з базового курсу морпіха</a></h3><a class="news-read-more" href="/novyny/fizychna-pidhotovka-rekrutiv">Читати</a></div></article>
544<article class="news-card"><a class="news-card-media" href="/novyny/pamiat-zakhysnykiv-u-poloni"><img alt="Шеврон морського піхотинця 36 ОБрМП та прапор України" height="726" loading="lazy" src="/assets/news/pamiat-zakhysnykiv-u-poloni.webp" width="1090"/></a><div class="news-card-body"><div class="news-meta"><span class="news-category">Пам'ять</span><time datetime="2026-08-01">1 серпня 2026</time></div><h3><a href="/novyny/pamiat-zakhysnykiv-u-poloni">Пам’ятаємо Захисників і Захисниць, загиблих у полоні</a></h3><a class="news-read-more" href="/novyny/pamiat-zakhysnykiv-u-poloni">Читати</a></div></article>
545</div>
546<div class="news-teaser-action"><a class="btn-hero" href="/novyny">Усі новини бригади</a></div>
547</div>
548</section>
549<section class="vacancies home-vacancies-teaser reveal-on-scroll" id="vacancies"><div class="container"><div class="section-header"><div class="header-decoration"><span class="deco-line"></span><span class="deco-icon iconify" data-icon="mdi:briefcase-search-outline"></span><span class="deco-line"></span></div><h2 class="section-title">Вакансії та посади</h2><p class="section-subtitle">Бойові, технологічні й тилові спеціальності в одному каталозі</p></div><div class="home-vacancy-teaser-grid"><a class="home-vacancy-teaser-card is-featured" href="/bpla-positions"><span class="iconify" data-icon="mdi:quadcopter"></span><strong>БПЛА / НРК</strong><small>Пріоритетний рекламний напрям</small></a><a class="home-vacancy-teaser-card" href="/combat-positions"><span class="iconify" data-icon="mdi:shield-sword-outline"></span><strong>Бойові посади</strong><small>Піхота, розвідка, артилерія, ППО</small></a><a class="home-vacancy-teaser-card" href="/support-positions"><span class="iconify" data-icon="mdi:tools"></span><strong>Тилові посади</strong><small>Логістика, ремонт, забезпечення</small></a></div><div class="home-vacancy-teaser-action"><a class="btn-hero" href="/posady">Переглянути всі вакансії та посади</a></div></div></section>
550<!-- REVIEWS -->
551<section class="reviews reveal-on-scroll" id="reviews">
552<div class="container">
553<div class="section-header">
554<div class="header-decoration">
555<span class="deco-line"></span>
556<span class="deco-icon iconify" data-icon="mdi:account-voice"></span>
557<span class="deco-line"></span>
558</div>
559<h2 class="section-title">Голоси морпіхів</h2>
560<p class="section-subtitle">Історії тих, хто пройшов цей шлях</p>
561</div>
562<div class="reviews-carousel">
563<div class="reviews-track" id="reviewsTrack">
564<div class="review-card">
565<div class="review-header">
566<div class="review-author">
567<div class="review-avatar">ОК</div>
568<div>
569<h4>Олексій К.</h4>
570<p>Командир відділення • 2 роки</p>
571</div>
572</div>
573</div>
574<p class="review-text">"Прийшов через прямий рекрутинг. Ніяких черг у ТЦК, все чітко і
575                            швидко.
576                            Пройшов підготовку, отримав посаду, яку хотів. Братство тут справжнє."</p>
577<span class="review-date">Січень 2024</span>
578</div>
579<div class="review-card">
580<div class="review-header">
581<div class="review-author">
582<div class="review-avatar">ДВ</div>
583<div>
584<h4>Дмитро В.</h4>
585<p>Пілот FPV • 1.5 року</p>
586</div>
587</div>
588</div>
589<p class="review-text">
589"IT-шник з цивільного. Вирішив піти в дрони. Навчання на рівні,
590                            техніка
591                            нова, команда професійна. Є можливість розвиватися і робити реальний внесок."</p>
592<span class="review-date">Грудень 2023</span>
593</div>
594<div class="review-card">
595<div class="review-header">
596<div class="review-author">
597<div class="review-avatar">МЛ</div>
598<div>
599<h4>Максим Л.</h4>
600<p>Стрілець-санітар • 8 місяців</p>
601</div>
602</div>
603</div>
604<p class="review-text">"Пішов без досвіду, через контракт 18-24. Спочатку було складно, але
605                            командири допомагають. Зараз відчуваю себе частиною справжньої команди. Не шкодую."</p>
606<span class="review-date">Лютий 2024</span>
607</div>
608</div>
609<div class="carousel-controls">
610<button class="carousel-btn" id="prevReview">
611<span class="iconify" data-icon="mdi:chevron-left"></span>
612</button>
613<div class="carousel-dots" id="reviewDots"></div>
614<button class="carousel-btn" id="nextReview">
615<span class="iconify" data-icon="mdi:chevron-right"></span>
616</button>
617</div>
618</div>
619</div>
620</section>
621<!-- FAQ -->
622<section class="faq reveal-on-scroll" id="faq">
623<div class="container">
624<div class="section-header">
625<div class="header-decoration">
626<span class="deco-line"></span>
627<span class="deco-icon iconify" data-icon="mdi:frequently-asked-questions"></span>
628<span class="deco-line"></span>
629</div>
630<h2 class="section-title">Часті питання</h2>
631<p class="section-subtitle">Відповіді на те, що найчастіше запитують</p>
632</div>
633<div class="faq-list">
634<div class="faq-item">
635<div class="faq-question" onclick="toggleFaq(this)">
636<h3>Як подати заявку на вступ?</h3>
637<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
638</div>
639<div class="faq-answer">
640<p>Все просто: оберіть вакансію у розділі "Вакансії" та натисніть "Подати заявку". Після цього
641                            ви перейдете до форми зв’язку на сайті. Заповніть її, і рекрутер зв’яжеться з вами.
642                            Якщо комфортніше — дзвоніть на гарячу лінію. Рекрутинговий центр бригади супроводжує
643                            кожного кандидата персонально: від першого дзвінка до першого дня на позиції.</p>
644</div>
645</div>
646<div class="faq-item">
647<div class="faq-question" onclick="toggleFaq(this)">
648<h3>Чи потрібен бойовий досвід?</h3>
649<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
650</div>
651<div class="faq-answer">
652<p>Більшість вакансій не вимагають попереднього військового досвіду. Ми віримо в людей, а не
653                            в
654                            резюме. Кожен новобранець проходить якісну підготовку в навчальному центрі бригади або
655                            за
656                            кордоном у партнерів з НАТО. Досвідчені інструктори, які пройшли справжній вогонь,
657                            передадуть тобі все, що потрібно знати для виживання та перемоги.</p>
658</div>
659</div>
660<div class="faq-item">
661<div class="faq-question" onclick="toggleFaq(this)">
662<h3>Яке грошове забезпечення?</h3>
663<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
664</div>
665<div class="faq-answer">
666<p>Базове грошове забезпечення — від 23 500 грн, але це лише стартова планка. З надбавками
667                            за
668                            виконання завдань у бойовій зоні сума сягає до 190 000 грн. Додатково: повне безкоштовне
669                            харчування, проживання, майнове забезпечення, медобслуговування. Плюс одноразова виплата
670                            25
671                            000 грн при підписанні першого контракту. Твоя робота цінується реально.</p>
672</div>
673</div>
674<div class="faq-item">
675<div class="faq-question" onclick="toggleFaq(this)">
676<h3>Що таке контракт 18-24?</h3>
677<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
678</div>
679<div class="faq-answer">
680<p>Це програма для молоді від 18 до 24 років, яка передбачає 1 рік гарантованої служби з
681                            правом
682                            звільнення після його завершення. Учасники отримують підйомні, пільги на навчання та
683                            повний
684                            соціальний пакет.</p>
685</div>
686</div>
687<div class="faq-item">
688<div class="faq-question" onclick="toggleFaq(this)">
689<h3>Чи можна обрати посаду самостійно?</h3>
690<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
691</div>
692<div class="faq-answer">
693<p>Так. При прямому рекрутингу (мобілізація або контракт) ви обираєте конкретну вакансію, і
694                            бригада гарантує проходження
695                            служби саме на обраній посаді. Це головна відмінність від мобілізації через ТЦК, де
696                            посаду
697                            обирають за вас.</p>
698</div>
699</div>
700<div class="faq-item">
701<div class="faq-question" onclick="toggleFaq(this)">
702<h3>Як проходить навчання?</h3>
703<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
704</div>
705<div class="faq-answer">
706<p>Навчання проводиться на базі власного навчал
706ьного центру бригади перед вступом на посаду.
707                            За
708                            потреби — навчання за кордоном. Інструктори мають реальний бойовий досвід і готові
709                            передати
710                            унікальні знання та навички кожному новобранцю.</p>
711</div>
712</div>
713<div class="faq-item">
714<div class="faq-question" onclick="toggleFaq(this)">
715<h3>Які виплати при пораненні?</h3>
716<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
717</div>
718<div class="faq-answer">
719<p>Військовослужбовці, які отримали поранення, мають право на одноразову грошову допомогу
720                            залежно від ступеня тяжкості — від 100 000 до 700 000 грн. Додатково: безкоштовне лікування
721                            та реабілітація, у тому числі за кордоном. Бригада забезпечує юридичний супровід для
722                            швидкого оформлення всіх виплат.</p>
723</div>
724</div>
725<div class="faq-item">
726<div class="faq-question" onclick="toggleFaq(this)">
727<h3>Скільки днів відпустки та як працює ротація?</h3>
728<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
729</div>
730<div class="faq-answer">
731<p>Щорічна основна відпустка — 30 календарних днів. Додаткова відпустка за участь у бойових діях
732                            — до 15 днів. Ротація підрозділів відбувається регулярно: бойове чергування змінюється
733                            періодами навчання та відновлення в тилу. Командування контролює баланс навантаження.</p>
734</div>
735</div>
736<div class="faq-item">
737<div class="faq-question" onclick="toggleFaq(this)">
738<h3>Що з сім'єю та житлом?</h3>
739<span class="faq-toggle iconify" data-icon="mdi:chevron-down"></span>
740</div>
741<div class="faq-answer">
742<p>Військовослужбовці за контрактом мають право на службове житло або грошову компенсацію за
743                            оренду. Сім'ї отримують доступ до безкоштовного медобслуговування, пільги на навчання дітей
744                            та додаткову соціальну підтримку. Бригада активно співпрацює з волонтерськими організаціями
745                            для допомоги родинам.</p>
746</div>
747</div>
748</div>
749</div>
750</section>
751<!-- CONTACTS -->
752<section class="contacts reveal-on-scroll" id="contacts">
753<div class="container">
754<div class="section-header">
755<div class="header-decoration">
756<span class="deco-line"></span>
757<span class="deco-icon iconify" data-icon="mdi:email-outline"></span>
758<span class="deco-line"></span>
759</div>
760<h2 class="section-title">Зв'язок з бригадою</h2>
761<p class="section-subtitle">Готовий зробити перший крок?</p>
762</div>
763<div class="contacts-grid">
764<form class="contact-form" id="contactForm">
765<h3>Залишити заявку</h3>
766<div class="form-group">
767<label>Ім'я та прізвище <span class="required-star">*</span><span class="required-field-note"> — обов’язково для заповнення</span></label>
768<input name="name" required="" type="text"/>
769</div>
770<div class="form-row">
771<div class="form-group">
772<label>Телефон <span class="required-star">*</span><span class="required-field-note"> — обов’язково для заповнення</span></label>
773<input aria-describedby="phoneHint" autocomplete="tel" data-no-legacy-phone-mask="true" id="contactPhone" inputmode="numeric" maxlength="17" name="phone" placeholder="+380 XX XXX XX XX" required="" type="tel" value="+380"/>
774<small class="phone-hint" id="phoneHint">Формат: +380 XX XXX XX XX</small>
775</div>
776<div class="form-group">
777<label>Email</label>
778<input name="email" type="email"/>
779</div>
780</div>
781<div class="form-group">
782<label>Що вас цікавить?</label>
783<select name="interest">
784<option value="">Оберіть за бажанням</option>
785<!-- value потрібен, щоб обрана тема точно передавалась у /api/lead.php -->
786<option value="Контракт 18-24">Контракт 18-24</option><option value="БПЛА / НРК">БПЛА / НРК</option><option value="Нові контракти">Нові контракти</option>
787<option value="Прямий рекрутинг">Прямий рекрутинг</option>
788<option value="Професійна кар'єра">Професійна кар'єра</option>
789<option value="Конкретна вакансія">Конкретна вакансія</option>
790<option value="Повернення з СЗЧ">Повернення з СЗЧ</option><option value="Інше питання">Інше питання</option>
791</select>
792</div>
793<div class="form-group">
794<label>Повідомлення</label>
795<textarea name="message" rows="4"></textarea>
796</div>
797<input autocomplete="off" name="website" style="position:absolute; left:-9999px;" tabindex="-1" type="text"/>
798<div class="form-group form-group-turnstile">
799<label>Перевірка безпеки</label>
800<div class="cf-turnstile" data-action="contact_form" data-appearance="always" data-callback="onContactTurnstileSuccess" data-error-callback="onContactTurnstileError" data-execution="render" data-expired-callback="onContactTurnstileExpired" data-refresh-expired="auto" data-sitekey="0x4AAAAAADvimM_OIvCuuwti" data-size="flexible" data-theme="dark">
801</div>
802<p aria-live="polite" class="turnstile-status" id="turnstileStatus">Перевірка безпеки завантажується. Cloudflare може підтвердити безпечний пристрій автоматично.</p>
803</div>
804<button class="btn-submit" disabled="" id="contactSubmit" type="submit">Надіслати заявку</button>
805<div id="formResult"></div>
806</form>
807<div class="contact-info">
808<div class="contact-block">
809<span class="iconify contact-icon" data-icon="mdi:phone"></span>
810<div>
811<h4>Єдиний номер</h4>
812<a href="tel:+380970303636">+38 (097) 030 36 36</a>
813</div>
814</div>
815<div class="contact-block">
816<span class="iconify contact-icon" data-icon="mdi:email"></span>
817<div>
818<h4>Email</h4>
819<a href="/cdn-cgi/l/email-protection#f486919786819d80b4c7c296869984da999d98da8195"><span class="__cf_email__" data-cfemail="6416010716110d10245752061609144a090d084a1105">[email&#160;protected]</span></a>
820<p>Відповідь протягом 24 годин</p>
821</div>
822</div>
823<div class="social-links">
824<a href="https://t.me/ua_marines_36brigade" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:telegram"></span></a>
825<a href="https://www.instagram.com/36_obrmp/" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:instagram"></span></a>
826<a href="https://www.facebook.com/36obmp" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:facebook"></span></a>
827<a href="https://www.tiktok.com/@36obrmp" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="ic:baseline-tiktok"></span></a>
828<a href="https://www.youtube.com/@36obrmp" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:youtube"></span></a>
829<a href="https://x.com/36obrmp" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:twitter"></span></a>
830</div>
831</div>
832</div>
833</div>
834</section>
835<!-- FOOTER -->
836<footer class="footer">
837<div class="container">
838<div class="footer-grid">
839<div class="footer-col">
840<div class="footer-brand">
841<img alt="Логотип 36 ОБрМП — морська піхота України" decoding="async" height="160" loading="lazy" src="assets/brand/logo-160.webp" width="141">
842<div>
843<h3><span class="brand-highlight">36</span> ОБрМП</h3>
844</div>
845</img></div>
846<p class="footer-desc">Морська піхота України.<br/>Вірні завжди, вірні всюди.<br/>Від 2014 року.
847                    </p>
848</div>
849<div class="footer-col">
850<h4>Навігація</h4>
851<a href="#about">
851Хто ми</a>
852<a href="#path">Формати входу</a>
853<a href="/novyny">Новини бригади</a>
854<a href="/posady">Вакансії</a>
855<a href="#reviews">Відгуки</a>
856<a href="/#contacts">Контакти</a>
857</div>
858<div class="footer-col">
859<h4>Інформація</h4>
860<a href="/#about">Про бригаду</a>
861<a href="kontrakt-18-24">Контракт 18-24</a><a href="/bpla-nrk">БПЛА / НРК</a><a href="/new-contracts">Нові контракти</a><a href="/return-from-szch">Повернення з СЗЧ</a>
862<a href="/direct-recruiting">Прямий рекрутинг</a>
863<a href="/career">Професійна кар'єра</a>
864<a href="/#faq">Часті питання</a>
865</div>
866<div class="footer-col">
867<h4>Контакти</h4>
868<a href="tel:+380970303636">+38 (097) 030 36 36</a>
869<a href="/apply">Форма зворотного зв'язку</a></div>
870</div>
871<div class="footer-bottom">
872<p>© 2026 36 ОБрМП. Всі права захищено.</p>
873<div class="footer-socials">
874<a href="https://t.me/ua_marines_36brigade" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:telegram"></span></a>
875<a href="https://www.instagram.com/36_obrmp/" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:instagram"></span></a>
876<a href="https://www.facebook.com/36obmp" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:facebook"></span></a>
877<a href="https://www.tiktok.com/@36obrmp" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="ic:baseline-tiktok"></span></a>
878<a href="https://www.youtube.com/@36obrmp" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:youtube"></span></a>
879<a href="https://x.com/36obrmp" rel="nofollow noopener noreferrer" target="_blank"><span class="iconify" data-icon="mdi:twitter"></span></a>
880</div>
881</div>
882</div>
883</footer>
884<div class="mobile-sticky-cta">
885<a class="btn-cta" href="/apply">ДОЛУЧАЙСЯ ДО БРИГАДИ!</a>
886</div>
887<!-- Lightbox Modal -->
888<div class="lightbox" id="lightbox">
889<span class="lightbox-close">×</span>
890<div class="lightbox-content">
891<!-- Content will be injected here -->
892</div>
893</div>
vendor: 110 bytes, lines 893-894
893
894<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
894<script src="script.js?v=20260806.2"></script>
vendor: 2 bytes, line 894
894
895<script src="reviews-carousel-20260806.js"></script>
vendor: 2 bytes, line 895
895
896<script>
897    /*
898     * Жёсткая маска и валидация украинского номера для основной формы.
899     * Важно: этот обработчик работает в capture-фазе и останавливает старые
900     * обработчики поля телефона, чтобы они не могли повторно подставлять «38».
901     */
902    (function () {
903        const phoneInput = document.getElementById("contactPhone");
904
905        if (!phoneInput) {
906            return;
907        }
908
909        const PREFIX = "+380";
910        const MAX_SUBSCRIBER_DIGITS = 9;
911
912        function digitsOnly(value) {
913            return String(value || "").replace(/\D/g, "");
914        }
915
916        function groupSubscriberDigits(digits) {
917            const clean = String(digits || "").replace(/\D/g, "").slice(0, MAX_SUBSCRIBER_DIGITS);
918            return [clean.slice(0, 2), clean.slice(2, 5), clean.slice(5, 7), clean.slice(7, 9)]
919                .filter(Boolean)
920                .join(" ");
921        }
922
923        function formatSubscriberDigits(digits) {
924            const grouped = groupSubscriberDigits(digits);
925            return PREFIX + (grouped ? " " + grouped : "");
926        }
927
928        function subscriberDigitsFromValue(value, allowPasteNormalization) {
929            const raw = String(value || "");
930
931            // Для обычного редактирования берём только то, что реально находится после +380.
932            // Так удаление цифр не превращает префикс 380 в дополнительные цифры абонента.
933            if (raw.startsWith(PREFIX)) {
934                return digitsOnly(raw.slice(PREFIX.length)).slice(0, MAX_SUBSCRIBER_DIGITS);
935            }
936
937            const digits = digitsOnly(raw);
938
939            // Нормализуем полный номер только при вставке/autofill, а не при обычном удалении.
940            if (allowPasteNormalization && digits.startsWith("380")) {
941                return digits.slice(3, 12);
942            }
943
944            if (allowPasteNormalization && digits.startsWith("0")) {
945                return digits.slice(1, 10);
946            }
947
948            return digits.slice(0, MAX_SUBSCRIBER_DIGITS);
949        }
950
951        function putCaretToEnd() {
952            const end = phoneInput.value.length;
953            try {
954                phoneInput.setSelectionRange(end, end);
955            } catch (error) {
956                // Некоторые старые мобильные браузеры могут не поддерживать setSelectionRange для tel.
957            }
958        }
959
960        function normalizePhoneField(allowPasteNormalization) {
961            const subscriber = subscriberDigitsFromValue(phoneInput.value, allowPasteNormalization);
962            phoneInput.value = formatSubscriberDigits(subscriber);
963            putCaretToEnd();
964            markPhoneState();
965        }
966
967        function canonicalPhone(value) {
968            const subscriber = subscriberDigitsFromValue(value, true);
969            return subscriber.length === MAX_SUBSCRIBER_DIGITS ? PREFIX + subscriber : "";
970        }
971
972        function markPhoneState() {
973            const hasAllDigits = Boolean(canonicalPhone(phoneInput.value));
974            phoneInput.setAttribute("aria-invalid", hasAllDigits ? "false" : "true");
975            phoneInput.classList.toggle("phone-input-invalid", phoneInput.value.trim() !== PREFIX && !hasAllDigits);
976            return hasAllDigits;
977        }
978
979        phoneInput.value = formatSubscriberDigits(subscriberDigitsFromValue(phoneInput.value, true));
980
981        phoneInput.addEventListener("focus", function () {
982            if (!this.value.trim()) {
983                this.value = PREFIX;
984            }
985            putCaretToEnd();
986        });
987
988        phoneInput.addEventListener("beforeinput", function (event) {
989            const selectionStart = this.selectionStart ?? this.value.length;
990            const selectionEnd = this.selectionEnd ?? selectionStart;
991
992            // Не даём стереть или изменить сам префикс +380.
993            if (event.inputType && event.inputType.startsWith("delete")) {
994                if (selectionStart < PREFIX.length || selectionEnd <= PREFIX.length) {
995                    event.preventDefault();
996                    this.value = formatSubscriberDigits(subscriberDigitsFromValue(this.value, false));
997                    putCaretToEnd();
998                }
999                return;
1000            }
1001
1002            if (selectionStart < PREFIX.length) {
1003                event.preventDefault();
1004                putCaretToEnd();
1005            }
1006        }, true);
1007
1008        phoneInput.addEventListener("paste", function (event) {
1009            event.preventDefault();
1010            const text = (event.clipboardData || window.clipboardData).getData("text") || "";
1011            this.value = formatSubscriberDigits(subscriberDigitsFromValue(text, true));
1012            markPhoneState();
1013            putCaretToEnd();
1014        }, true);
1015
1016        phoneInput.addEventListener("input", function (event) {
1017            // Блокируем все старые/дублирующие маски, даже если браузер взял script.js из кеша.
1018            event.stopImmediatePropagation();
1019            normalizePhoneField(event.inputType === "insertFromPaste" || event.inputType === "insertReplacementText");
1020        }, true);
1021
1022        phoneInput.addEventListener("blur", markPhoneState);
1023
1024        window.contactPhoneValidation = {
1025            isValid: function () {
1026                return markPhoneState();
1027            },
1028            canonical: function () {
1029                return canonicalPhone(phoneInput.value);
1030            },
1031            focus: function () {
1032                phoneInput.focus();
1033            }
1034        };
1035
1036        markPhoneState();
1037    })();
1038    </script>
vendor: 2 bytes, line 1038
1038
1039<script>
1040    /*
1041     * Обработчик формы заявки в CRM.
1042     *
1043     * Обработчик работает на фазе перехвата, останавливает другие submit-обработчики
1044     * и направляет заявку только в локальный CRM-обработчик /api/lead.php.
1045     */
1046    document.addEventListener("submit", async function (event) {
1047        const form = event.target;
1048
1049        // Обрабатываем только основную форму заявки.
1050        if (!form || form.id !== "contactForm") {
1051            return;
1052        }
1053
1054        // Отменяем стандартную отправку формы и не даём старым обработчикам
1055        // показать ложное сообщение об ошибке.
1056        event.preventDefault();
1057        event.stopPropagation();
1058        event.stopImmediatePropagation();
1059
1060        const submitButton = form.querySelector('button[type="submit"]');
1061        const result = document.getElementById("formResult");
1062
1063        if (result) {
1064            result.innerHTML = "⏳ Відправляємо заявку...";
1065            result.className = "";
1066            result.style.display = "block";
1067        }
1068
1069        if (submitButton) {
1070            submitButton.disabled = true;
1071            submitButton.textContent = "Відправляємо...";
1072        }
1073
1074        const formData = new FormData(form);
1075
1076        if (!window.contactPhoneValidation || !window.contactPhoneValidation.isValid()) {
1077            if (result) {
1078                result.textContent = "❌ Вкажіть номер у форматі +380 XX XXX XX XX.";
1079                result.className = "form-error";
1080                result.style.display = "block";
1081            }
1082
1083            window.contactPhoneValidation?.focus();
1084
1085            if (submitButton) {
1086                submitButton.disabled = false;
1087                submitButton.textContent = "Надіслати заявку";
1088            }
1089
1090            return;
1091        }
1092
1093        const turnstileToken = String(formData.get("cf-turnstile-response") || "").trim();
1094
1095        if (!turnstileToken) {
1096            if (result) {
1097                result.textContent = "❌ Перевірка безпеки ще не завершена. Будь ласка, зачекайте кілька секунд.";
1098                result.className = "form-error";
1099                result.style.display = "block";
1100            }
1101            if (submitButton) {
1102                submitButton.disabled = true;
1103                submitButton.textContent = "Надіслати заявку";
1104            }
1105            return;
1106        }
1107
1108        const data = Object.fromEntries(formData.entries());
1109        data.phone = window.contactPhoneValidation.canonical();
1110
1111        // Передаём UTM-метки из адресной строки, если они есть.
1112        const params = new URLSearchParams(window.location.search);
1113        data.utm_source = params.get("utm_source") || "36obrmp.navy";
1114        data.utm_medium = params.get("utm_medium") || "website_form";
1115        data.utm_campaign = params.get("utm_campaign") || "36 ОБрМП";
1116        data.utm_content = params.get("utm_content") || "";
1117        data.utm_term = params.get("utm_term") || "";
1118
1119        try {
1120            const response = await fetch("/api/lead.php", {
1121                method: "POST",
1122                headers: {
1123                    "Content-Type": "application/json"
1124                },
1125                body: JSON.stringify(data)
1126            });
1127
1128            const responseText = await response.text();
1129
1130            // Лог оставлен для диагностики через F12 → Console.
1131            console.log("lead.php status:", response.status);
1132            console.log("lead.php response:", responseText);
1133
1134            let json = null;
1135
1136            try {
1137                json = JSON.parse(responseText);
1138            } catch (parseError) {
1139                console.warn("lead.php повернув не JSON:", responseText);
1140            }
1141
1142            /*
1143             * Конверсию фиксируем только после явного успешного ответа нашего
1144             * сервера: HTTP 2xx + {"success": true}. lead.php выдаёт такой
1145             * ответ только после успешной отправки заявки в CRM.
1146             */
1147            if (!response.ok || !json || json.success !== true) {
1148                throw new Error(json?.error || "Помилка відправки");
1149            }
1150
1151            /*
1152             * Единое событие успешной отправки формы для GTM / GA4 / Meta.
1153             *
1154             * ВАЖНО: сюда не передаются имя, телефон, email или текст сообщения —
1155             * персональные данные не должны попадать в аналитические системы.
1156             *
1157             * У всех форм на сайте нужно использовать это же имя события:
1158             * form_submit_success.
1159             */
1160            window.dataLayer = window.dataLayer || [];
1161            window.dataLayer.push({
1162                event: "form_submit_success",
1163                form_id: form.id || "",
1164                form_type: "contact_form"
1165            });
1166
1167            form.dataset.submitted = "1";
1168
1169            if (result) {
1170                result.innerHTML = "✅ Дякуємо! Заявку відправлено.";
1171                result.className = "form-success";
1172                result.style.display = "block";
1173            }
1174
1175            form.reset();
1176            if (submitButton) {
1177                submitButton.disabled = true;
1178            }
1179            const turnstileStatus = document.getElementById("turnstileStatus");
1180            if (turnstileStatus) {
1181                turnstileStatus.textContent = "Для ще однієї заявки оновіть сторінку — перевірка безпеки використовує одноразовий токен.";
1182                turnstileStatus.className = "turnstile-status";
1183            }
1184            return;
1185
1186        } catch (error) {
1187            console.error("Form submit error:", error);
1188
1189            if (result) {
1190                const message = error instanceof Error
1191                    ? error.message
1192                    : "Помилка відправки. Спробуйте ще раз або зателефонуйте нам.";
1193                result.textContent = "❌ " + message;
1194                result.className = "form-error";
1195                result.style.display = "block";
1196            }
1197
1198        } finally {
1199            if (submitButton) {
1200                submitButton.disabled = form.dataset.submitted === "1";
1201                submitButton.textContent = "Надіслати заявку";
1202            }
1203        }
1204    }, true);
1205    </script>
vendor: 2 bytes, line 1205
1205
1206<script>
1207    window.addEventListener("load", function () {
1208        window.setTimeout(function () {
1209            var status = document.getElementById("turnstileStatus");
1210            var tokenField = document.querySelector('#contactForm input[name="cf-turnstile-response"]');
1211            if (status && !tokenField) {
1212                status.textContent = "Перевірка безпеки не завантажилася. Перевірте Hostnames у Turnstile та вимкніть блокувальник реклами для цього сайту.";
1213                status.className = "turnstile-status turnstile-status-error";
1214            }
1215        }, 8000);
1216    });
1217    </script>
vendor: 2 bytes, line 1217
1217
1218<script id="positionFormPrefill">
1219        (function () {
1220            var params = new URLSearchParams(window.location.search);
1221            var role = String(params.get('posada') || '').trim();
1222            var message = document.querySelector('#contactForm textarea[name="message"]');
1223            if (role && message && !message.value) {
1224                message.value = 'Цікавить посада: ' + role + '.';
1225            }
1226        }());
1227    </script>
1227
1228<button aria-label="Повернутися нагору" class="back-to-top" id="backToTop" title="Нагору" type="button">
1229<svg aria-hidden="true" viewbox="0 0 24 24"><path d="M6 15l6-6 6 6"></path></svg>
1230</button>
1231<script id="back-to-top-script">
1232(function(){
1233  const button=document.getElementById('backToTop');
1234  if(!button)return;
1235  const update=()=>button.classList.toggle('is-visible',window.scrollY>400);
1236  window.addEventListener('scroll',update,{passive:true});
1237  update();
1238  button.addEventListener('click',()=>window.scrollTo({top:0,behavior:window.matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'}));
1239})();
1240</script>
vendor: 2 bytes, line 1240
1240
1241<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a464bbf32ae31bd1',t:'MTc5MTI5MDQyMg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1241<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"bb963c83de01408b9eff0c40edcda93a","r":1,"spa":2}' crossorigin="anonymous"></script>
1241
1242</body>
1243</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.