nuzhno-sozdat-obuchayuschiy/index.html

627 lines
35 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru" data-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Английский для миграционного контроля</title>
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
<link rel="stylesheet" href="design-system/kt-ai-components.css">
<link rel="stylesheet" href="design-system/kt-ai-page.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🛂</text></svg>">
<style>
a.kt-ai-btn { text-decoration: none; }
.speak-btn { background: none; border: none; cursor: pointer; font-size: 1.1em; padding: 2px 6px;
border-radius: var(--kt-ai-radius-md); transition: background .2s; vertical-align: middle; }
.speak-btn:hover { background: var(--kt-ai-bg-soft); }
.speak-btn:active { transform: scale(0.9); }
.speak-all-btn { display: inline-flex; align-items: center; gap: 6px; background: none; border: 1px solid var(--kt-ai-border);
border-radius: var(--kt-ai-radius-md); padding: 6px 14px; cursor: pointer; font-size: var(--kt-ai-text-sm);
color: var(--kt-ai-fg); margin-bottom: var(--kt-ai-space-4); transition: border-color .2s; }
.speak-all-btn:hover { border-color: var(--kt-ai-primary); }
.phrase-block { margin-bottom: var(--kt-ai-space-6); }
.phrase-block h3 { margin-bottom: var(--kt-ai-space-4); color: var(--kt-ai-primary); }
.phrase-table { width: 100%; border-collapse: collapse; margin-top: var(--kt-ai-space-3); }
.phrase-table th, .phrase-table td {
text-align: left; padding: var(--kt-ai-space-3) var(--kt-ai-space-4);
border-bottom: 1px solid var(--kt-ai-divider);
font-size: var(--kt-ai-text-sm);
}
.phrase-table th { font-weight: var(--kt-ai-weight-semibold); color: var(--kt-ai-fg-muted); }
.phrase-table td:first-child { color: var(--kt-ai-fg-muted); width: 45%; }
.phrase-table td:last-child { font-weight: var(--kt-ai-weight-medium); }
.topic-toggle { cursor: pointer; user-select: none; }
.topic-toggle::after { content: " ▾"; font-size: 0.8em; color: var(--kt-ai-fg-muted); }
.topic-toggle.open::after { content: " ▴"; }
.topic-content { display: none; }
.topic-content.show { display: block; }
.tip-card { background: var(--kt-ai-card-bg); border: 1px solid var(--kt-ai-card-border);
border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-5);
margin-bottom: var(--kt-ai-space-4); }
.tip-card h4 { margin-bottom: var(--kt-ai-space-2); }
.doc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--kt-ai-space-4); margin-top: var(--kt-ai-space-6); }
@media (max-width: 640px) { .doc-grid { grid-template-columns: 1fr; } }
.doc-card { background: var(--kt-ai-card-bg); border: 1px solid var(--kt-ai-card-border);
border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-5); }
.doc-card h4 { margin-bottom: var(--kt-ai-space-3); }
.doc-card p { color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-sm); line-height: 1.6; }
.doc-card .ru { color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-xs); margin-top: var(--kt-ai-space-2); }
.search-box { width: 100%; max-width: 500px; padding: var(--kt-ai-space-3) var(--kt-ai-space-4);
border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg);
background: var(--kt-ai-bg); color: var(--kt-ai-fg); font-size: var(--kt-ai-text-base);
margin-bottom: var(--kt-ai-space-6); }
.search-box::placeholder { color: var(--kt-ai-fg-faint); }
.quiz-section { margin-top: var(--kt-ai-space-8); }
.quiz-q { background: var(--kt-ai-card-bg); border: 1px solid var(--kt-ai-card-border);
border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-5);
margin-bottom: var(--kt-ai-space-4); }
.quiz-q h4 { margin-bottom: var(--kt-ai-space-3); }
.quiz-opts button { display: block; width: 100%; text-align: left; padding: var(--kt-ai-space-3) var(--kt-ai-space-4);
border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-md);
background: var(--kt-ai-bg); color: var(--kt-ai-fg); font-size: var(--kt-ai-text-sm);
margin-bottom: var(--kt-ai-space-2); cursor: pointer; transition: border-color .2s; }
.quiz-opts button:hover { border-color: var(--kt-ai-primary); }
.quiz-opts button.correct { border-color: #22c55e; background: rgba(34,197,94,.1); }
.quiz-opts button.wrong { border-color: #ef4444; background: rgba(239,68,68,.1); }
.quiz-opts button:disabled { cursor: default; opacity: .85; }
</style>
</head>
<body>
<header class="kt-ai-pagehead">
<div class="kt-ai-wrap kt-ai-pagehead-in">
<strong>🛂 Migration English</strong>
<span class="kt-ai-spacer"></span>
<a class="kt-ai-btn" data-variant="ghost" href="#phrases">Фразы</a>
<a class="kt-ai-btn" data-variant="ghost" href="#documents">Документы</a>
<a class="kt-ai-btn" data-variant="ghost" href="#quiz">Тест</a>
</div>
</header>
<section class="kt-ai-hero" data-align="center">
<div class="kt-ai-wrap">
<h1>Английский для миграционного контроля</h1>
<p class="kt-ai-hero-sub">Научитесь свободно общаться на английском в аэропорту, на пограничном контроле и при заполнении документов. Все фразы с переводом на русский.</p>
<div class="kt-ai-hero-actions">
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#phrases">Начать учить</a>
<a class="kt-ai-btn" data-size="lg" href="#quiz">Проверить себя</a>
</div>
</div>
</section>
<section id="phrases" class="kt-ai-section" data-divider="true">
<div class="kt-ai-wrap">
<div class="kt-ai-section-head">
<h2>Ключевые фразы по ситуациям</h2>
<p>Нажмите на тему, чтобы раскрыть фразы. Используйте поиск, чтобы найти нужную фразу.</p>
</div>
<input type="text" class="search-box" id="searchInput" placeholder="🔍 Поиск фразы на русском или английском...">
<div id="phrasesList">
<div class="phrase-block" data-topic="airport">
<h3 class="topic-toggle" onclick="toggleTopic(this)">🛫 В аэропорту (At the Airport)</h3>
<div class="topic-content">
<table class="phrase-table">
<tr><th>Русский</th><th>English</th></tr>
<tr><td>Где регистрация?</td><td>Where is the check-in desk?</td></tr>
<tr><td>Я хочу зарегистрироваться онлайн</td><td>I'd like to check in online</td></tr>
<tr><td>Вот мой паспорт и билет</td><td>Here is my passport and ticket</td></tr>
<tr><td>У меня ручная кладь</td><td>I have carry-on luggage</td></tr>
<tr><td>Мне нужно сдать багаж</td><td>I need to check in my luggage</td></tr>
<tr><td>Где мой выход на посадку?</td><td>Where is my boarding gate?</td></tr>
<tr><td>Какой выход на посадку?</td><td>Which boarding gate?</td></tr>
<tr><td>Посадка началась?</td><td>Has boarding started?</td></tr>
<tr><td>Мой рейс задерживается?</td><td>Is my flight delayed?</td></tr>
<tr><td>Где получить багаж?</td><td>Where can I collect my luggage?</td></tr>
</table>
</div>
</div>
<div class="phrase-block" data-topic="border">
<h3 class="topic-toggle" onclick="toggleTopic(this)">🛂 Пограничный контроль (Border Control)</h3>
<div class="topic-content">
<table class="phrase-table">
<tr><th>Русский</th><th>English</th></tr>
<tr><td>Здравствуйте</td><td>Hello</td></tr>
<tr><td>Вот мой паспорт</td><td>Here is my passport</td></tr>
<tr><td>Вот моя виза</td><td>Here is my visa</td></tr>
<tr><td>Вот приглашение</td><td>Here is the invitation letter</td></tr>
<tr><td>Я прибыл(а) из Казахстана</td><td>I have arrived from Kazakhstan</td></tr>
<tr><td>Я прибыл(а) из России</td><td>I have arrived from Russia</td></tr>
<tr><td>Я здесь по работе</td><td>I am here on business</td></tr>
<tr><td>Я здесь как турист</td><td>I am here as a tourist</td></tr>
<tr><td>Я еду к родственникам</td><td>I am visiting my relatives</td></tr>
<tr><td>Я планирую оставаться на две недели</td><td>I plan to stay for two weeks</td></tr>
<tr><td>Я живу в отеле</td><td>I am staying at a hotel</td></tr>
<tr><td>Я остановлюсь у друга</td><td>I will stay at a friend's place</td></tr>
<tr><td>Вот адрес проживания</td><td>Here is my address</td></tr>
<tr><td>Я собираюсь вернуться домой</td><td>I intend to return home</td></tr>
<tr><td>Я уже был(а) здесь раньше</td><td>I have been here before</td></tr>
</table>
</div>
</div>
<div class="phrase-block" data-topic="customs">
<h3 class="topic-toggle" onclick="toggleTopic(this)">📦 Таможня (Customs)</h3>
<div class="topic-content">
<table class="phrase-table">
<tr><th>Русский</th><th>English</th></tr>
<tr><td>У меня нет товаров для декларирования</td><td>I have nothing to declare</td></tr>
<tr><td>У меня есть товары для декларирования</td><td>I have goods to declare</td></tr>
<tr><td>Это подарки</td><td>These are gifts</td></tr>
<tr><td>Это личные вещи</td><td>These are personal belongings</td></tr>
<tr><td>Стоимость — ... долларов</td><td>The value is ... dollars</td></tr>
<tr><td>Я купил(а) это для себя</td><td>I bought this for personal use</td></tr>
<tr><td>Это для продажи</td><td>This is for commercial purposes</td></tr>
<tr><td>У меня есть лекарства с рецептом</td><td>I have prescription medication</td></tr>
<tr><td>Я не перевожу наличные сверх лимита</td><td>I am not carrying cash above the limit</td></tr>
<tr><td>Это мой первый визит в эту страну</td><td>This is my first visit to this country</td></tr>
</table>
</div>
</div>
<div class="phrase-block" data-topic="shop">
<h3 class="topic-toggle" onclick="toggleTopic(this)">🛒 В магазине (At the Shop)</h3>
<div class="topic-content">
<table class="phrase-table">
<tr><th>Русский</th><th>English</th></tr>
<tr><td>Сколько это стоит?</td><td>How much does this cost?</td></tr>
<tr><td>Где касса?</td><td>Where is the checkout?</td></tr>
<tr><td>Можно картой?</td><td>Can I pay by card?</td></tr>
<tr><td>Только наличные?</td><td>Cash only?</td></tr>
<tr><td>Где я могу найти...?</td><td>Where can I find...?</td></tr>
<tr><td>Есть ли у вас...?</td><td>Do you have...?</td></tr>
<tr><td>Мне нужен чек</td><td>I need a receipt</td></tr>
<tr><td>Можно скидку?</td><td>Is there a discount?</td></tr>
<tr><td>Я просто смотрю, спасибо</td><td>I'm just looking, thank you</td></tr>
<tr><td>Где примерочная?</td><td>Where is the fitting room?</td></tr>
<tr><td>У вас есть другой размер?</td><td>Do you have a different size?</td></tr>
<tr><td>Можно вернуть товар?</td><td>Can I return this item?</td></tr>
<tr><td>Есть ли гарантия?</td><td>Is there a warranty?</td></tr>
</table>
</div>
</div>
<div class="phrase-block" data-topic="hospital">
<h3 class="topic-toggle" onclick="toggleTopic(this)">🏥 В госпитале / больнице (At the Hospital)</h3>
<div class="topic-content">
<table class="phrase-table">
<tr><th>Русский</th><th>English</th></tr>
<tr><td>Мне нужен врач</td><td>I need to see a doctor</td></tr>
<tr><td>У меня болит голова</td><td>I have a headache</td></tr>
<tr><td>У меня болит живот</td><td>I have a stomachache</td></tr>
<tr><td>У меня температура</td><td>I have a fever</td></tr>
<tr><td>У меня болит горло</td><td>I have a sore throat</td></tr>
<tr><td>У меня кашель</td><td>I have a cough</td></tr>
<tr><td>У меня аллергия на...</td><td>I am allergic to...</td></tr>
<tr><td>Где приёмный покой?</td><td>Where is the emergency room?</td></tr>
<tr><td>Где аптека?</td><td>Where is the pharmacy?</td></tr>
<tr><td>Мне нужны лекарства от...</td><td>I need medicine for...</td></tr>
<tr><td>Как часто принимать?</td><td>How often should I take it?</td></tr>
<tr><td>У меня есть медицинская страховка</td><td>I have medical insurance</td></tr>
<tr><td>У меня нет страховки</td><td>I don't have insurance</td></tr>
<tr><td>Вы можете вызвать скорую?</td><td>Can you call an ambulance?</td></tr>
<tr><td>Мне не становится лучше</td><td>I am not getting better</td></tr>
<tr><td>Где мой палатный?</td><td>Where is my ward?</td></tr>
</table>
</div>
</div>
<div class="phrase-block" data-topic="documents">
<h3 class="topic-toggle" onclick="toggleTopic(this)">📋 Заполнение документов (Filling in Forms)</h3>
<div class="topic-content">
<table class="phrase-table">
<tr><th>Русский</th><th>English</th></tr>
<tr><td>Как заполнить эту форму?</td><td>How do I fill out this form?</td></tr>
<tr><td>Где я могу получить форму?</td><td>Where can I get a form?</td></tr>
<tr><td>Мне нужна помощь с заполнением</td><td>I need help filling this out</td></tr>
<tr><td>Можно ручку, пожалуйста?</td><td>Could I have a pen, please?</td></tr>
<tr><td>Что означает это поле?</td><td>What does this field mean?</td></tr>
<tr><td>Мой адрес проживания</td><td>My residential address</td></tr>
<tr><td>Мой адрес прописки</td><td>My registration address</td></tr>
<tr><td>Мой номер телефона</td><td>My phone number</td></tr>
<tr><td>Мой адрес электронной почты</td><td>My email address</td></tr>
<tr><td>Место рождения</td><td>Place of birth</td></tr>
<tr><td>Дата рождения</td><td>Date of birth</td></tr>
<tr><td>Номер паспорта</td><td>Passport number</td></tr>
<tr><td>Дата выдачи паспорта</td><td>Date of issue (passport)</td></tr>
<tr><td>Срок действия паспорта</td><td>Passport expiry date</td></tr>
<tr><td>Национальность</td><td>Nationality</td></tr>
<tr><td>Семейное положение</td><td>Marital status</td></tr>
<tr><td>Цель визита</td><td>Purpose of visit</td></tr>
<tr><td>Подпись</td><td>Signature</td></tr>
</table>
</div>
</div>
<div class="phrase-block" data-topic="hotel">
<h3 class="topic-toggle" onclick="toggleTopic(this)">🏨 В отеле (At the Hotel)</h3>
<div class="topic-content">
<table class="phrase-table">
<tr><th>Русский</th><th>English</th></tr>
<tr><td>Я хочу забронировать номер</td><td>I would like to book a room</td></tr>
<tr><td>У меня есть бронирование</td><td>I have a reservation</td></tr>
<tr><td>Вот мой паспорт</td><td>Here is my passport</td></tr>
<tr><td>На кого забронировано?</td><td>Under what name is the reservation?</td></tr>
<tr><td>Сколько ночей вы будете?</td><td>How many nights will you stay?</td></tr>
<tr><td>Я останусь на три ночи</td><td>I will stay for three nights</td></tr>
<tr><td>Во сколько выезд?</td><td>What time is checkout?</td></tr>
<tr><td>Можно позже выехать?</td><td>Can I have a late checkout?</td></tr>
<tr><td>Где завтрак?</td><td>Where is breakfast served?</td></tr>
<tr><td>ГдеWi-Fi?</td><td>Where is the Wi-Fi?</td></tr>
</table>
</div>
</div>
<div class="phrase-block" data-topic="emergency">
<h3 class="topic-toggle" onclick="toggleTopic(this)">🆘 В экстренной ситуации (Emergency)</h3>
<div class="topic-content">
<table class="phrase-table">
<tr><th>Русский</th><th>English</th></tr>
<tr><td>Помогите, пожалуйста!</td><td>Please help me!</td></tr>
<tr><td>Мне нужна медицинская помощь</td><td>I need medical assistance</td></tr>
<tr><td>Вызовите полицию</td><td>Please call the police</td></tr>
<tr><td>Я потерял(а) паспорт</td><td>I lost my passport</td></tr>
<tr><td>Где ближайшее посольство Казахстана?</td><td>Where is the nearest embassy of Kazakhstan?</td></tr>
<tr><td>Где ближайшее посольство России?</td><td>Where is the nearest embassy of Russia?</td></tr>
<tr><td>Я не говорю по-английски</td><td>I don't speak English</td></tr>
<tr><td>Говорите медленнее, пожалуйста</td><td>Could you speak slower, please?</td></tr>
<tr><td>Не могли бы вы повторить?</td><td>Could you repeat that, please?</td></tr>
<tr><td>Я не понимаю</td><td>I don't understand</td></tr>
</table>
</div>
</div>
</div>
</div>
</section>
<section id="documents" class="kt-ai-section" data-divider="true">
<div class="kt-ai-wrap">
<div class="kt-ai-section-head">
<h2>Заполнение документов: примеры</h2>
<p>Реальные примеры того, как заполнять основные документы при пересечении границы</p>
</div>
<div class="tip-card">
<h4>🛂 Пример 1: Arrival / Departure Card (Карта прибытия / убытия)</h4>
<p>Эту карту выдают в самолёте или на стойке при прибытии. Заполняется ПРОПИСНЫМИ латинскими буквами.</p>
<div class="doc-grid" style="margin-top:var(--kt-ai-space-4)">
<div class="doc-card">
<h4>Пустая форма — поля</h4>
<p><strong>Surname:</strong> _______________<br>
<strong>First Name:</strong> _______________<br>
<strong>Date of Birth:</strong> __ / __ / ____<br>
<strong>Nationality:</strong> _______________<br>
<strong>Passport No.:</strong> _______________<br>
<strong>Purpose of Visit:</strong> ☐ Tourism ☐ Business ☐ Transit<br>
<strong>Length of Stay:</strong> _______________<br>
<strong>Address in Country:</strong> _______________<br>
<strong>Signature:</strong> _______________</p>
</div>
<div class="doc-card">
<h4>Заполненный пример (из Казахстана)</h4>
<p><strong>Surname:</strong> NURGANOV<br>
<strong>First Name:</strong> AIDAR<br>
<strong>Date of Birth:</strong> 15 / 03 / 1990<br>
<strong>Nationality:</strong> KAZAKHSTAN<br>
<strong>Passport No.:</strong> N12345678<br>
<strong>Purpose of Visit:</strong> ☑ Tourism ☐ Business ☐ Transit<br>
<strong>Length of Stay:</strong> 14 DAYS<br>
<strong>Address in Country:</strong> HILTON HOTEL, 45 QUEEN STREET, LONDON<br>
<strong>Signature:</strong> <em>(подпись)</em></p>
</div>
</div>
<div class="ru" style="margin-top:var(--kt-ai-space-3)">Важно: имя и фамилия пишутся ТАК ЖЕ, как в паспорте — заглавными буквами</div>
</div>
<div class="tip-card">
<h4>📋 Пример 2: Customs Declaration (Таможенная декларация)</h4>
<p>Заполняется, если вы перевозите товары сверх нормы, наличные сверх лимита илиrestricted items.</p>
<div class="doc-grid" style="margin-top:var(--kt-ai-space-4)">
<div class="doc-card">
<h4>Основные вопросы</h4>
<p><strong>Do you have goods to declare?</strong><br>
☐ Yes ☐ No<br><br>
<strong>Total value of goods:</strong> ___________<br>
<strong>Currency:</strong> ___________<br>
<strong>Amount of cash (over $10,000):</strong> $___________<br><br>
<strong>Are you carrying:</strong><br>
☐ Alcohol (over limit) ☐ Tobacco (over limit)<br>
☐ Food / Plants ☐ Medication (prescription)<br>
☐ Commercial samples ☐ Weapons / Firearms</p>
</div>
<div class="doc-card">
<h4>Заполненный пример</h4>
<p><strong>Do you have goods to declare?</strong><br>
☑ Yes ☐ No<br><br>
<strong>Total value of goods:</strong> $500<br>
<strong>Currency:</strong> USD<br>
<strong>Amount of cash:</strong> $2,000<br><br>
<strong>Are you carrying:</strong><br>
☐ Alcohol ☑ Tobacco (2 cartons)<br>
☐ Food ☑ Medication (prescription: Ibuprofen)<br>
☐ Commercial samples ☐ Weapons</p>
<div class="ru">Если что-то есть — честно указывайте. Скрытые товары могут привести к штрафу</div>
</div>
</div>
</div>
<div class="tip-card">
<h4>🏠 Пример 3: Hotel Registration (Регистрация в отеле)</h4>
<p>При заселении вас попросят заполнить регистрационную карточку.</p>
<div class="doc-grid" style="margin-top:var(--kt-ai-space-4)">
<div class="doc-card">
<h4>Поля карточки</h4>
<p><strong>Full Name:</strong> _______________<br>
<strong>Date of Birth:</strong> __ / __ / ____<br>
<strong>Nationality:</strong> _______________<br>
<strong>Passport No.:</strong> _______________<br>
<strong>Check-in Date:</strong> __ / __ / ____<br>
<strong>Check-out Date:</strong> __ / __ / ____<br>
<strong>Address (home):</strong> _______________<br>
<strong>Signature:</strong> _______________</p>
</div>
<div class="doc-card">
<h4>Заполненный пример</h4>
<p><strong>Full Name:</strong> NURGANOV AIDAR<br>
<strong>Date of Birth:</strong> 15 / 03 / 1990<br>
<strong>Nationality:</strong> KAZAKHSTAN<br>
<strong>Passport No.:</strong> N12345678<br>
<strong>Check-in Date:</strong> 01 / 07 / 2026<br>
<strong>Check-out Date:</strong> 15 / 07 / 2026<br>
<strong>Address (home):</strong> 12 ZHULDYZ ST, ALMATY, KAZAKHSTAN<br>
<strong>Signature:</strong> <em>(подпись)</em></p>
<div class="ru">Адрес дома — это адрес, где вы зарегистрированы в Казахстане/России</div>
</div>
</div>
</div>
<div class="tip-card">
<h4>✈️ Пример 4: Registration at Airport (Регистрация в аэропорту)</h4>
<p>При регистрации на рейс вам могут задать вопросы. Вот как ответить:</p>
<div class="doc-grid" style="margin-top:var(--kt-ai-space-4)">
<div class="doc-card">
<h4>Вопросы на стойке регистрации</h4>
<p><strong>Agent:</strong> "Passport and booking confirmation, please."<br>
<strong>Вы:</strong> "Here you go."<br><br>
<strong>Agent:</strong> "Window or aisle?"<br>
<strong>Вы:</strong> "Window, please." <em>(у окна)</em><br>
"Aisle, please." <em>(у прохода)</em><br><br>
<strong>Agent:</strong> "How many bags are you checking in?"<br>
<strong>Вы:</strong> "One bag." / "Two bags."<br><br>
<strong>Agent:</strong> "Do you have any luggage to check in?"<br>
<strong>Вы:</strong> "Yes, one suitcase." / "No, just carry-on."</p>
</div>
<div class="doc-card">
<h4>Полезные варианты ответов</h4>
<p><strong>Место:</strong><br>
Window seat — у окна<br>
Aisle seat — у прохода<br>
Middle seat — среднее<br><br>
<strong>Багаж:</strong><br>
Carry-on bag — ручная кладь<br>
Checked bag — зарегистрированный багаж<br>
Hand luggage — ручная кладь<br><br>
<strong>Вес:</strong><br>
"Is my bag overweight?" — мой багаж перегружен?<br>
"How much is the excess fee?" — сколько стоит доплата за вес?</p>
</div>
</div>
</div>
<div class="tip-card">
<h4>🛃 Пример 5: Passport Control Questions (Вопросы на погранконтроле)</h4>
<p>Офицер погранконтроля может задать несколько вопросов. Отвечайте кратко и уверенно.</p>
<div class="doc-grid" style="margin-top:var(--kt-ai-space-4)">
<div class="doc-card">
<h4>Типичные вопросы и ответы</h4>
<p><strong>Q: "Purpose of your visit?"</strong><br>
A: "Tourism." / "I'm on vacation." / "Business trip."<br><br>
<strong>Q: "How long will you stay?"</strong><br>
A: "Two weeks." / "Ten days." / "Until July 15th."<br><br>
<strong>Q: "Where are you staying?"</strong><br>
A: "At the Hilton Hotel, 45 Queen Street." / "At my friend's house."<br><br>
<strong>Q: "Do you have a return ticket?"</strong><br>
A: "Yes, here it is." / "Yes, I'm flying back on July 15th."<br><br>
<strong>Q: "How much money are you carrying?"</strong><br>
A: "About two thousand dollars." / "I have a credit card."</p>
</div>
<div class="doc-card">
<h4>Советы</h4>
<p>✅ Отвечайте <strong>кратко и по делу</strong> — не нужно рассказывать всю историю<br><br>
✂️ <strong>Не отвечайте односложным «да/нет»</strong> — добавьте деталь: "Yes, I have a return ticket."<br><br>
🎯 <strong>Будьте готовы назвать:</strong><br>
— Цель визита (tourism / business / visiting friends)<br>
— Срок (days / weeks / specific date)<br>
— Адрес проживания (hotel + адрес)<br>
— Дата обратного билета<br><br>
❌ <strong>Не шутите</strong> с офицером — даже если вы нервничаете<br><br>
📄 <strong>Держите наготове:</strong> паспорт, обратный билет, бронь отеля</p>
</div>
</div>
</div>
</div>
</section>
<section id="quiz" class="kt-ai-section quiz-section" data-divider="true">
<div class="kt-ai-wrap">
<div class="kt-ai-section-head">
<h2>Проверьте себя</h2>
<p>Ответьте на вопросы, чтобы закрепить материал</p>
</div>
<div id="quizList"></div>
</div>
</section>
<section class="kt-ai-cta">
<div class="kt-ai-wrap">
<h2>Готовы к перелёту?</h2>
<p>Запомните ключевые фразы и вы будете чувствовать себя уверенно на любом миграционном контроле. Удачи!</p>
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#phrases">Вернуться к фразам</a>
</div>
</section>
<footer class="kt-ai-wrap kt-ai-pagefoot">
<span>© 2026 Migration English</span>
<span class="kt-ai-spacer"></span>
<span>Английский для миграционного контроля</span>
</footer>
<script>
function toggleTopic(el) {
el.classList.toggle("open");
var content = el.nextElementSibling;
content.classList.toggle("show");
}
function speak(text) {
if (!window.speechSynthesis) { alert("Ваш браузер не поддерживает озвучку текста."); return; }
window.speechSynthesis.cancel();
var u = new SpeechSynthesisUtterance(text);
u.lang = "en-US";
u.rate = 0.85;
u.pitch = 1;
var voices = window.speechSynthesis.getVoices();
for (var i = 0; i < voices.length; i++) {
if (voices[i].lang === "en-US") { u.voice = voices[i]; break; }
}
window.speechSynthesis.speak(u);
}
document.querySelectorAll(".phrase-table").forEach(function(table) {
var headerRow = table.querySelector("tr");
if (headerRow) {
var th = document.createElement("th");
th.textContent = "🔊";
th.style.width = "50px";
headerRow.appendChild(th);
}
var rows = table.querySelectorAll("tr");
for (var i = 1; i < rows.length; i++) {
var enText = rows[i].cells[1] ? rows[i].cells[1].textContent : "";
var td = document.createElement("td");
td.style.width = "50px";
var btn = document.createElement("button");
btn.className = "speak-btn";
btn.textContent = "🔊";
btn.title = "Прослушать";
btn.setAttribute("data-text", enText);
btn.onclick = function() { speak(this.getAttribute("data-text")); };
td.appendChild(btn);
rows[i].appendChild(td);
}
});
var searchInput = document.getElementById("searchInput");
searchInput.addEventListener("input", function() {
var q = this.value.toLowerCase().trim();
var blocks = document.querySelectorAll(".phrase-block");
blocks.forEach(function(block) {
var rows = block.querySelectorAll(".phrase-table tr");
var anyVisible = false;
for (var i = 1; i < rows.length; i++) {
var ru = rows[i].cells[0].textContent.toLowerCase();
var en = rows[i].cells[1].textContent.toLowerCase();
if (!q || ru.indexOf(q) !== -1 || en.indexOf(q) !== -1) {
rows[i].style.display = "";
anyVisible = true;
} else {
rows[i].style.display = "none";
}
}
block.style.display = anyVisible || !q ? "" : "none";
if (q && anyVisible) {
block.querySelector(".topic-content").classList.add("show");
block.querySelector(".topic-toggle").classList.add("open");
}
});
});
var quizData = [
{
q: "Как вы скажете «Цель визита» по-английски?",
opts: ["Purpose of visit", "Reason of travel", "Visit goal", "Travel aim"],
correct: 0
},
{
q: "Что значит «boarding gate»?",
opts: ["Регистрация", "Выход на посадку", "Выход из аэропорта", "Получение багажа"],
correct: 1
},
{
q: "Как спросить «Где получить багаж?»",
opts: ["Where is my luggage?", "Where can I collect my luggage?", "Give me my bag", "I need my suitcase"],
correct: 1
},
{
q: "Как сказать «Я здесь по работе»?",
opts: ["I work here", "I am here on business", "I am working", "Business trip"],
correct: 1
},
{
q: "Что такое «Date of birth»?",
opts: ["Дата выдачи", "Дата рождения", "Дата истечения", "Дата прибытия"],
correct: 1
},
{
q: "Как сказать «У меня нет товаров для декларирования»?",
opts: ["I don't have bags", "I have nothing to declare", "No goods here", "Nothing to say"],
correct: 1
},
{
q: "Как попросить ручку на английском?",
opts: ["Give me pen", "Could I have a pen, please?", "Pen please", "I need writing"],
correct: 1
},
{
q: "Как сказать «Срок действия паспорта»?",
opts: ["Passport end date", "Passport expiry date", "Passport valid until", "Passport finish date"],
correct: 1
},
{
q: "Как сказать «Я потерял(а) паспорт»?",
opts: ["Passport gone", "I lost my passport", "No passport", "Passport is missing"],
correct: 1
},
{
q: "Какой правильный порядок заполнения Arrival Card: Фамилия → Имя?",
opts: ["First name → Surname", "Name → Family", "Surname → First name", "Family → Given name"],
correct: 2
}
];
var quizList = document.getElementById("quizList");
quizData.forEach(function(item, qi) {
var div = document.createElement("div");
div.className = "quiz-q";
div.innerHTML = "<h4>" + (qi + 1) + ". " + item.q + "</h4><div class='quiz-opts' id='q" + qi + "'></div>";
quizList.appendChild(div);
var optsDiv = div.querySelector(".quiz-opts");
item.opts.forEach(function(opt, oi) {
var btn = document.createElement("button");
btn.textContent = opt;
btn.onclick = function() {
var btns = optsDiv.querySelectorAll("button");
btns.forEach(function(b, i) {
b.disabled = true;
if (i === item.correct) b.classList.add("correct");
else if (i === oi && oi !== item.correct) b.classList.add("wrong");
});
};
optsDiv.appendChild(btn);
});
});
var hash = window.location.hash;
if (hash) {
var el = document.querySelector(hash);
if (el) setTimeout(function() { el.scrollIntoView({ behavior: "smooth" }); }, 300);
}
</script>
</body>
</html>