https://legion.army.gov.ua/

ID de exploración:: 358b5b52-a3a6-4e44-b825-9eb9a6dcdaabFinalizado
URL enviada:: https://legion.army.gov.ua/
Informe finalizado:: 21 oct 2024, 08:32:10
Enlaces: 7 encontrados

Los enlaces salientes identificados en la página
Enlace	Texto
https://mil.gov.ua/
https://www.facebook.com/MinistryofDefence.UA
https://x.com/defenceu/
https://www.youtube.com/@uamod
https://www.instagram.com/ministry_of_defense_ua/
https://apps.apple.com/ua/app/%D1%80%D0%B5%D0%B7%D0%B5%D1%80%D0%B2/id6499418319
https://play.google.com/store/apps/details?id=ua.gov.reserveplus&hl=uk
Variables JavaScript: 24 encontradas

Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
Nombre	Tipo
0	object
1	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
___grecaptcha_cfg	object
grecaptcha	object
__recaptcha_api	string
__google_recaptcha_client	boolean
gtag	function
Mensajes de registro de la consola: 0 encontrados

Mensajes registrados en la consola web
HTML

El cuerpo HTML sin procesar de la página
<!DOCTYPE html><html lang="en" class="scroll-smooth webp"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
	<title>Український легіон</title>
	<meta charset="UTF-8">
	<meta name="format-detection" content="telephone=no">
	<style>
		option {
			background-color: #332f21;
		}
	</style>
	<link rel="stylesheet" href="files/output.css?_v=20240629135528">
	<!-- <link rel="shortcut icon" href="favicon.ico"> -->
	<!--favicon-->
	<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
	<link rel="manifest" href="/favicon/site.webmanifest">
	<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<!--favicon-->

	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Вакансії у добровольчому підрозділі ЗСУ. Формується у Польщі. Навчаємо та озброюємо в Європі, за стандартами НАТО.">
	<meta name="keywords" content="Український легіон, ЗСУ, контрактна служба, військова служба, українці за кордоном, добровольчий підрозділ, НАТО, стандарти НАТО, військовий вишкіл, грошове забезпечення військових, Збройні Сили України, захист України, рекрутинг військових, військова підготовка, сучасна зброя, військова техніка, служба в армії, військовий контракт, бойовий досвід, військова кар'єра">
	<meta property="og:url" content="https://legion.army.gov.ua/">
	<meta property="og:type" content="website">
	<meta property="og:locale" content="uk">
	<meta property="og:title" content="Вступай до Українського легіону">
	<meta property="og:description" content="Вакансії у добровольчому підрозділі ЗСУ. Формується у Польщі. Навчаємо та озброюємо в Європі, за стандартами НАТО.">
	<meta property="og:image" content="/img/meta_img.png">
	<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/lqsTZ5beIbCkK4uGEGv9JmUR/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-me+fKkpx+LDPr+jjTccMyZRS5BoP+JLiYHKscp4bUxp+j6TnL/qxiwcgzpRCCrlc"></script><script src="https://www.google.com/recaptcha/api.js?render=6Lft_0AqAAAAAO4B3VIp-ANF83XZ9HfiJ29O_52K"></script>

<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-93P0N6SX9E"></script><script>
	window.dataLayer = window.dataLayer || [];
	function gtag() { dataLayer.push(arguments); }
	gtag('js', new Date());

	gtag('config', 'G-93P0N6SX9E');
</script></head>
<!-- Google tag (gtag.js) -->



<body class="bg-[#332F21] h-screen font-e">

	<div class="wrapper text-white min-h-[100%] flex flex-col">
		<header class="header absolute z-10 h-[72px] w-full border-b-[1px] border-[rgba(255,255,255,0.6)]">
			<div class="header__container relative main-container flex py-2 h-full justify-between items-center">

				<nav class="w-full relative flex justify-between items-center gap-[20px]">

					<a href="https://mil.gov.ua/" class="max-w-[175px] w-full h-[32px]">
						<img class="w-full h-full" src="img/logo.svg" alt="logo">
					</a>

					<div class="lg:hidden">
						<button class=" navbar-burger flex items-center">

							<svg class="block w-[36px] h-[21px]" width="36" height="21" viewBox="0 0 36 21" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M1 1H35M1 10.5H35M1 20H35" stroke="#fff" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"></path>
							</svg>

						</button>
					</div>
					<div class="hidden lg:flex gap-[20px] md:gap-[80px] items-center uppercase">
						<a href="#about" class="menu-item">Про Український легіон</a>
						<a href="#join" class="btn">Подати заявку</a>
					</div>


				</nav>
				<div class="navbar-menu relative z-50">
					<div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-25 hidden"></div>
					<nav class="menu__body fixed top-0 -right-[100%]  pointer-events-none h-full w-[90%] max-w-sm  transition-all duration-300">
						<div class="menu__wrapper pointer-events-auto bg-[#332F21] overflow-y-auto h-full flex flex-col p-[20px] gap-[50px] ">

							<div class="flex items-center justify-between gap-[20px]">
								<a href="https://mil.gov.ua/" class="max-w-[175px] w-full h-[32px]">
									<img class="w-full h-full" src="img/logo.svg" alt="logo">
								</a>

								<button class="navbar-close">
									<svg class="w-[35px] h-[35px]" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M8.71216 8.71216L26.1367 26.1367" stroke="#fff" stroke-linecap="round"></path>
										<path d="M8.29736 25.7218L25.7219 8.29724" stroke="#fff" stroke-linecap="round"></path>
									</svg>

								</button>
							</div>
							<div>
								<ul class="flex flex-col gap-[30px] uppercase">
									<a href="/#about" class="menu-item burger-menu-link">Про Український
										легіон</a><br>
								</ul>
								<ul class="flex flex-col gap-[30px] uppercase">
									<a href="/#service" class="menu-item burger-menu-link">Про службу</a><br>
								</ul>
								<ul class="flex flex-col gap-[30px] uppercase">
									<a href="/#faq" class="menu-item burger-menu-link">Поширенні запитання</a>
								</ul>
							</div>
							<div class="header__actions mt-auto flex flex-col max-w-[281px] w-full justify-start gap-[40px]">
								<a href="#join" class="btn burger-menu-link">Подати заявку</a>
							</div>
						</div>

					</nav>
				</div>
			</div>
		</header>

		<main class="page flex-auto">
			<section id="hero" class="hero relative h-screen min-h-[960px]">
				<div class="bg absolute -z[1] w-full h-full">
					<picture>
						<source srcset="img/hero/bg.webp" type="image/webp"><img class="w-full h-full object-cover object-[80%] sm:object-right" src="img/hero/bg.jpg" alt="Background">
					</picture>
				</div>
				<div class="main-container md:min-h-[650px] pt-[173px] pb-[101px] h-full relative flex  items-center justify-center">
					<div class="hero-body text-center flex flex-col gap-[30px] md:gap-[56px] items-center justify-center">
						<p class="text-[24px] md:text-[32px] leading-[120%]">Український легіон</p>
						<div class="flex flex-col gap-6">
							<h1 class="text-[45px] md:text-[96px] leading-[120%] text-mainYellow uppercase">БУДЬ СОБОЮ
							</h1>
							<p class="text-[24px] md:text-[32px] leading-[120%]">Захищай Україну</p>

						</div>
						<a href="#join" class="btn">Подати заявку</a>

					</div>
				</div>
			</section>
			<section id="about" class="about">
				<div class="main-container py-[40px] lg:py-[120px]">
					<div class="about-body  items-center lg:items-stretch flex flex-col lg:flex-row justify-between gap-[30px]">

						<div class="about__block flex-1 flex flex-col items-center lg:items-start justify-between gap-[20px]">
							<h2 class="title text-mainYellow lg:max-w-[318px] lg:text-start">Про Український легіон</h2>
							<a href="#join" class="btn">Подати заявку</a>

						</div>
						<div class="info">
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									<span class="info-item-text-span">Український легіон</span> – це перший добровольчий
									підрозділ Збройних Сил України, сформований із українців, які проживають за
									кордоном.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									<span class="info-item-text-span">Служба в легіоні</span> здійснюється виключно на
									контрактній основі.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									<span class="info-item-text-span">Підрозділ формується на території Польщі,</span>
									навчання проводиться інструкторами НАТО на полігонах країн-партнерів.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									<span class="info-item-text-span">Легіон озброєний</span> сучасною технікою та
									зброєю, що забезпечує високу боєздатність і ефективність у виконанні завдань.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									<span class="info-item-text-span">Служба в Українському легіоні</span> – це
									унікальна можливість стати частиною об’єднаної військової спільноти українців.<br>
									<span class="info-item-text-span">Приєднуйтесь до
										нас!</span>
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									<span class="info-item-text-span">Рекрутинговий центр</span> знаходиться у Польщі,
									за
									адресою: м. Люблін, вул. Спокойна, 2 (ul. Spokojna, 2, 20-074 Lublin,
									Polska).
								</p>
							</div>
						</div>
					</div>

				</div>
			</section>


			<section id="service" class="service relative ">
				<div class="bg absolute top-0 left-0 h-full w-full">
					<picture>
						<source srcset="img/service/bg.webp" type="image/webp"><img class="sticky top-0 h-screen w-full object-cover" src="img/service/bg.jpg" alt="Background">
					</picture>
				</div>

				<div class="main-container py-[40px] lg:py-[120px] relative overflow-auto">
					<div class="service-body about-body  items-center lg:items-stretch flex flex-col lg:flex-row justify-between gap-[30px]">

						<div class="about__block flex-1 flex flex-col items-center lg:items-start justify-between gap-[20px]">
							<h2 class="title text-white lg:text-start">Про службу<br> в Українському<br> легіоні</h2>
							<a href="#join" class="btn">Подати заявку</a>
						</div>

						<div class="info ">
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Вступ до Українського легіону здійснюється винятково на добровільній основі з
									підписанням контракту.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Формування, навчання та тренування Легіону відбуваються у Польщі.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Забезпечується навчання на базах НАТО відповідно до вашої посади.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Техніка та озброєння підрозділу – сучасні зразки західного
									виробництва.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Усі контрактники проходять обов'язковий 35-денний базовий військовий вишкіл за
									стандартами НАТО, а також фахову підготовку та бойове злагодження перед виконанням
									завдань.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									При підписанні першого контракту нараховуються усі додаткові виплати, передбачені
									українським законодавством.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Розмір грошового забезпечення для рядового складу може сягати 190 000 грн. на
									місяць під час виконання завдань в Україні.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Відпустку можна провести в будь-якій країні за вибором військовослужбовця.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Підрозділ складається з українців, що проживають за кордоном, об'єднаних спільними
									інтересами.
								</p>
							</div>
							<div class="info-item">
								<img class="info-item-image" src="img/arrow-yellow.svg" alt="Arrow">
								<p class="info-item-text">
									Обставини виїзду з України не мають значення. Важливим є бажання виконувати завдання
									і брати участь у спільній місії.
								</p>
							</div>
						</div>
					</div>

				</div>
			</section>
			<section id="join" class="join">
				<div class="main-container py-[40px] lg:py-[120px]">
					<div class="join-body  items-center lg:items-stretch flex flex-col lg:flex-row justify-between gap-[30px]">

						<div class="join__block text-center lg:text-start flex-1 flex flex-col items-center lg:items-start gap-[20px] md:gap-[40px] lg:max-w-[320px]">
							<h2 class="title text-mainYellow lg:text-start">Подайте <br> заявку</h2>
							<p>
								Залиште свої дані, щоб рекрутер Українського легіону зв’язався з вами. Розмова з
								рекрутером не накладає на вас жодних зобов’язань
							</p>

						</div>
						<form class="join-form " method="post" id="sendRequestForm" novalidate="novalidate">
							<div class="flex flex-col gap-6 md:gap-12 lg:flex-row lg:flex-wrap">
								<div class="column">
									<div class="form-body flex flex-col gap-6">
										<div class="input-box">
											<label class="input-box-label">Прізвище, імʼя та по батькові</label>
											<input required="" type="text" class="input-box-input" name="form_pib" id="form_name">
											<p class="error-message peer-invalid:visible">Error message</p>
										</div>
										<div class="input-box">
											<label class="input-box-label">Стать</label>
											<div class="radio-items">
												<label class="radio-body group">
													<input type="radio" class="form_gender real-radio peer" name="form_gender" value="Чоловік" required="">
													<span class="custom-radio peer-checked:border-white peer-checked:before:scale-100 group-hover:bg-[#EDEBDE1A] group-hover:shadow-[#EDEBDE1A] shadow-radio"></span>
													Чоловік
												</label>
												<label class="radio-body group">
													<input type="radio" class="form_gender real-radio peer" name="form_gender" value="Жінка">
													<span class="custom-radio peer-checked:border-white peer-checked:before:scale-100 group-hover:bg-[#EDEBDE1A] group-hover:shadow-[#EDEBDE1A] shadow-radio"></span>
													Жінка
												</label>
											</div>
										</div>
										<div class="input-box">
											<label class="input-box-label">Дата народження</label>
											<input type="date" max="2007-01-01" class="input-box-input " name="form_age" id="form_age" required="">
										</div>
										<div class="input-box">
											<label class="input-box-label">Країна проживання</label>
											<select required="" type="text" class="input-box-input" name="form_country" id="form_country">
												<option value="">Оберіть країну</option>
												<option value="Австрія">Австрія</option>
												<option value="Албанія">Албанія</option>
												<option value="Андорра">Андорра</option>
												<option value="Бельгія">Бельгія</option>
												<option value="Болгарія">Болгарія</option>
												<option value="Велика Британія">Велика Британія</option>
												<option value="Греція">Греція</option>
												<option value="Данія">Данія</option>
												<option value="Естонія">Естонія</option>
												<option value="Ірландія">Ірландія</option>
												<option value="Ісландія">Ісландія</option>
												<option value="Іспанія">Іспанія</option>
												<option value="Італія">Італія</option>
												<option value="Кіпр">Кіпр</option>
												<option value="Латвія">Латвія</option>
												<option value="Литва">Литва</option>
												<option value="Ліхтенштейн">Ліхтенштейн</option>
												<option value="Люксембург">Люксембург</option>
												<option value="Мальта">Мальта</option>
												<option value="Молдова">Молдова</option>
												<option value="Монако">Монако</option>
												<option value="Нідерланди">Нідерланди</option>
												<option value="Німеччина">Німеччина</option>
												<option value="Норвегія">Норвегія</option>
												<option value="Північна Македонія">Північна Македонія</option>
												<option value="Польща">Польща</option>
												<option value="Португалія">Португалія</option>
												<option value="Румунія">Румунія</option>
												<option value="Сан-Марино">Сан-Марино</option>
												<option value="Словаччина">Словаччина</option>
												<option value="Словенія">Словенія</option>
												<option value="Угорщина">Угорщина</option>
												<option value="Фінляндія">Фінляндія</option>
												<option value="Франція">Франція</option>
												<option value="Хорватія">Хорватія</option>
												<option value="Чехія">Чехія</option>
												<option value="Чорногорія">Чорногорія</option>
												<option value="Швейцарія">Швейцарія</option>
												<option value="Швеція">Швеція</option>
											</select>
										</div>
										<div class="input-box">
											<label class="input-box-label">Населений пункт проживання</label>
											<input required="" type="text" class="input-box-input " name="form_state" id="form_state">
										</div>
									</div>
								</div>
								<div class="column flex flex-col gap-12">
									<div class="form-body flex flex-col gap-6">
										<div class="input-box">
											<label class="input-box-label">Чи проходили військову службу? </label>
											<div class="radio-items">
												<label class="radio-body group">
													<input type="radio" name="military_service" id="form_military_yes" class="military_service real-radio peer" value="Так" required="">
													<span class="custom-radio peer-checked:border-white peer-checked:before:scale-100 group-hover:bg-[#EDEBDE1A] group-hover:shadow-[#EDEBDE1A] shadow-radio"></span>
													Так
												</label>
												<label class="radio-body group">
													<input type="radio" name="military_service" id="form_military_no" class="military_service real-radio peer" value="Ні" required="">
													<span class="custom-radio peer-checked:border-white peer-checked:before:scale-100 group-hover:bg-[#EDEBDE1A] group-hover:shadow-[#EDEBDE1A] shadow-radio"></span>
													Ні
												</label>
											</div>
										</div>

										<div class="input-box">
											<label class="input-box-label">Професія в цивільному житті</label>
											<input required="" type="text" class="input-box-input " name="form_prof" id="form_prof">
										</div>
										<div class="input-box">
											<label class="input-box-label">Контактний телефон</label>
											<input required="" type="text" class="input-box-input" id="form_phone" name="form_phone">
										</div>
										<div class="input-box">
											<label class="input-box-label">Месенджер для звʼязку</label>
											<select required="" type="text" class="input-box-input" name="form_messenger" id="form_messenger">
												<option value="">Оберіть месенджер</option>
												<option value="WhatsApp">WhatsApp</option>
												<option value="Signal">Signal</option>
												<option value="Viber">Viber</option>
												<option value="Telegram">Telegram</option>
												<option value="no-messenger">В мене немає месенджера</option>

											</select>
										</div>
										<div class="input-box">
											<label class="input-box-label">Електронна пошта</label>
											<input type="text" class="input-box-input " id="form_email" name="form_email">
										</div>
									</div>
								</div>
							</div>
							<div class="w-full mt-4 flex items-center">
								<button type="submit" class="mx-auto btn-small join-btn cursor-pointer">Відправити</button>
							</div>
						</form>

					</div>

				</div>
			</section>
			<section id="faq" class="info-block bg-mainYellow text-khaki">
				<div class="main-container py-[40px] lg:py-[120px] flex flex-col gap-[30px] lg:gap-[56px]">
					<h2 class="title lg:text-start">Поширені запитання</h2>
					<div class="info-block-body items-center lg:items-start flex flex-col lg:flex-row justify-between gap-[30px] lg:gap-[56px]">

						<div class="info w-full">
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Які документи необхідні для підписання контракту?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- Паспорт (ID-паспорта) громадянина України

											</p>
											<p class="spoller-content-text">
												- Картка платника податків (довідка про присвоєння ідентифікаційного
												номера)
											</p>
											<p class="spoller-content-text">
												- Військово-обліковий документ (військовий квиток, військовий квиток
												офіцера запасу, тимчасове посвідчення військовозобов’язаного,
												військово-обліковий документ для призовників, військовозобов’язаних та
												резервістів, посвідчення призовника (посвідчення про приписку до
												призовної дільниці).
											</p>
										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										У мене немає військово-облікового документа. Які мої дії?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- Залиште заявку на сайті, наш рекрутер зв'яжеться з Вами та підкаже
												подальші кроки.
											</p>
										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Я отримав іноземне громадянство. Чи можу я рекрутуватися до Українського
										легіону?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- До Українського легіону можуть вступити лише громадяни України.

											</p>
										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Чи мобілізують в Український легіон?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- Служба в Українському легіоні – виключно на добровільній основі, з
												підписанням контракту. В Легіоні є посади для людей з різною освітою і
												різними навичками.
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Чи потрібно їхати до України, щоб підписати контракт з Легіоном?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- Ні, підписати контракт ви зможете на території Польщі.
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Чи обовʼязково мати військовий досвід?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- Для вступу до Українського легіону досвід служби у війську не
												обов'язковий. Ми гарантуємо навчання на базах НАТО за вашою посадою в
												підрозділі. Кожен доброволець обов'язково проходить 35 днів базового
												військового вишколу, а також злагодження
												у складі підрозділу.
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Чи маю я купувати спорядження для служби в Українському легіоні?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- Ви отримаєте усе необхідне спорядження, передбачене для забезпечення
												військовослужбовців Збройних Сил України.
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Чи можуть військовослужбовця Українського легіону перевести в інший підрозділ?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- Військовослужбовців Українського легіону не можуть перевести в іншу
												частину Збройних Сил України без їх згоди.
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Яке грошове забезпечення я буду отримувати в Українському легіоні?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">

											<p class="spoller-content-text">
												- Ви будете отримувати грошове забезпечення на рівні контрактників ЗСУ.
												В залежності від завдання на території України – до 190 тисяч гривень на
												місяць для рядового складу.
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="spoller gap-4 md:gap-[80px] md:px-[56px] cursor-pointer">
								<img class="spoller-image" src="img/arrow-black.svg" alt="Arrow">
								<div class="spoller-body ">
									<p class="spoller-title">
										Де знаходиться рекрутинговий центр Легіону?
									</p>
									<div class="spoller-content max-h-0">
										<div class="spoller-content-wrapper">
											<p class="spoller-content-text">
												Центр рекрутингу до Українського легіону знаходиться у Польщі, за
												адресою: м. Люблін, вул. Спокойна, 2 (ul. Spokojna, 2, 20-074 Lublin,
												Polska).
											</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<a href="#join" class="btn" style="border: 1px solid;">Подати заявку</a>
				</div>
			</section>
		</main>

		<footer class="footer relative overflow-hidden w-ful">
			<div class="main-container py-[40px] md:py-[80px]">
				<div class="footer__body grid justify-center sm:justify-around sm:[grid-template-columns:repeat(2,auto)] lg:[grid-template-columns:repeat(3,1fr)_auto] items-start flex-wrap gap-[79px] lg:gap-0">
					<div class="footer__block flex-grow basis-0 h-full justify-between flex flex-col gap-[32px]">
						<a href="https://mil.gov.ua/" class="max-w-[230px] w-full h-[42px]">
							<img class="w-full h-full" src="img/logo.svg" alt="logo">
						</a>
						<div class="socials">
							<a href="https://www.facebook.com/MinistryofDefence.UA" class="socials-item">
								<img class="w-full h-full" src="img/Icons/facebook.svg" alt="facebook">
							</a>
							<a href="https://x.com/defenceu/" class="socials-item">
								<img class="w-full h-full" src="img/Icons/x.svg" alt="x">
							</a>
							<a href="https://www.youtube.com/@uamod" class="socials-item">
								<img class="w-full h-full" src="img/Icons/yt.svg" alt="youtube">
							</a>

							<a href="https://www.instagram.com/ministry_of_defense_ua/" class="socials-item">
								<img class="w-full h-full" src="img/Icons/inst.svg" alt="instagram">
							</a>
						</div>
						<a href="privacy.html" class="text-[11px] leading-[150%] max-w-[186px] ">
							Політика конфіденційності
							та умови використання сайту
						</a>
					</div>
					<div class="footer__block flex-grow basis-0 flex flex-col gap-[32px] uppercase lg:items-center">

						<a href="#about" class="menu-item">Про Український легіон</a>
						<a href="#join" class="btn">Подати заявку</a>
					</div>
					<div class="footer__block flex flex-col gap-[20px] lg:justify-self-end">
						<div class="reserv w-[105px] h-[24px]">
							<img class="w-full h-full" src="img/reserv.svg" alt="Image">
						</div>
						<div class="actions flex flex-col gap-[8px]">
							<a href="https://apps.apple.com/ua/app/%D1%80%D0%B5%D0%B7%D0%B5%D1%80%D0%B2/id6499418319" class="w-[158px] h-[45px]">
								<img class="w-full h-full" src="img/app-store.svg" alt="App store">
							</a>
							<a href="https://play.google.com/store/apps/details?id=ua.gov.reserveplus&amp;hl=uk" class="w-[158px] h-[45px]">
								<img class="w-full h-full" src="img/google-play.svg" alt="Google play">
							</a>
						</div>
					</div>
				</div>
			</div>
		</footer>
	</div>
	<div id="cookieModal" class="cookie-modal fixed z-10 bottom-0 left-0 w-full bg-khaki text-white h-fit max-h-screen sm:h-full sm:max-h-[298px] overflow-auto">
		<div class="main-container h-fit py-8 flex items-center justify-center">
			<div class="cookie-modal-body h-fit flex flex-col gap-[24px] justify-center max-w-[720px] w-full ">

				<p class="text-[24px] md:text-[32px] leading-[120%]">Ми дбаємо про захист ваших даних</p>
				<p class="text-[14px] leading-[150%]">Вирішуйте самостійно, які дані записуються, та налаштуйте свої
					параметри тут. Детальну інформацію про захист даних можна знайти в нашій політиці конфіденційності.
				</p>
				<div class="flex flex-wrap gap-4 items-stretch">
					<button class="cookie-modal-btn all_cookies flex-auto">Прийняти всі файли cookie</button>
					<button class="cookie-modal-btn essential_cookies flex-auto">Відхилити всі необов’язкові файли
						cookie</button>
				</div>
				<a href="cookies.html" class="policy w-fit text-[14px] leading-[150%] underline transition-colors duration-300 hover:text-mainYellow">Політика
					використання файлів cookie</a>
			</div>
		</div>
	</div>

	<div class="popup-message popup opacity-0 hidden">
		<div class="popup-wrapper  ">
			<div class="popup-message-body popup-body">
				<button class="popup-close popup-close-cross">
					<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#332F21"></path>
					</svg>

				</button>
				<div class="popup-message-content">
					<div class="flex flex-col gap-6 succes hidden">
						<h3 class="text-[22px] leading-[120%]">Слава Україні!</h3>
						<p class="text-[15px] leading-[120%] text-left">Ви залишили свої контактні дані на сайті
							Українського легіону.</p>
						<p class="text-left">
							Що відбуватиметься далі:
						</p><ul class="text-left">
							<li>- Рекрутери Легіону обробляють отримані заявки.
							</li><li>- Протягом тижня з вами зв’яжуться в одному з месенджерів, яким ви користуєтеся.
						</li></ul>
						<p></p>

						<p class="text-left">Вдячні вам за бажання захищати Україну.</p>
					</div>

					<div class="flex flex-col gap-6 error hidden">
						<h3 class="text-[22px] leading-[120%]">Слава Україні!</h3>
						<p class="text-left">
							Помилка:
							<span class="popup-error-message"></span>
						</p>
					</div>
					<button class="popup-message-btn popup-close">Зрозуміло</button>
				</div>
			</div>

		</div>
	</div>

	<script src="./js/app.js?_v=20240629135530"></script>


<div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-k6trbihxpul5" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6Lft_0AqAAAAAO4B3VIp-ANF83XZ9HfiJ29O_52K&amp;co=aHR0cHM6Ly9sZWdpb24uYXJteS5nb3YudWE6NDQz&amp;hl=en&amp;v=lqsTZ5beIbCkK4uGEGv9JmUR&amp;size=invisible&amp;cb=857kp591wjt9"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div></body></html>