Поиск тура
Обучение
Онлайн-турагентство
БЛИЖЕ
К СОЛНЦУ
О компании
Контакты
Подберите мне тур
Подберите мне тур
Направления
Турция
Египет
ОАЭ
Таиланд
Мальдивы
Вьетнам
Статьи
I am ready for a long road flight for work with a week- or months-long projects.
Подберите мне тур
Код будет выполнен на опубликованной странице (нажмите «Опубликовать» в правом верхнем углу) 

<div class="record" id="record1243862816" recordid="1243862816" off="n" data-record-type="131"  data-record-category="12" data-record-cod="T123"   								>

	
	<div id="rec1243862816" class="r t-rec" style=" " data-animationappear="off" >

		<!-- T123 -->
    				    	

	<div class="t-container">
		<div class="t-col t-col_10 t-prefix_1">
				<div class="tmod" style="background-color:#eeffed;">
		<div class="tmod__header">
											<div class="tmod__img" style="background-image:url('images/lib__tscripts__tplicons__tpl_131_mod.png')"></div>
										<div class="tmod__text">
					<div>                    Код будет выполнен на опубликованной странице (нажмите «Опубликовать» в правом верхнем углу)
            </div>
				</div>
					</div>
					<div class="tmod__cards">
								<div class="tmod__card tmod__card_large">
									<pre><code><!-- nominify begin -->&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ru&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Путеводитель туриста&lt;/title&gt;
    &lt;style&gt;
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: &#039;Segoe UI&#039;, Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #2c3e50;
            background: linear-gradient(135deg, #3498db 0%, #2980b9 50%, #1abc9c 100%);
            min-height: 100vh;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .header {
            text-align: center;
            color: white;
            margin-bottom: 40px;
        }
        
        .header h1 {
            font-size: 2.5em;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .header p {
            font-size: 1.2em;
            opacity: 0.9;
        }
        
        .nav-tabs {
            display: flex;
            background: white;
            border-radius: 15px 15px 0 0;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            position: relative;
            flex-wrap: wrap;
        }
        
        .nav-tabs::before {
            content: &#039;⬆ Выберите раздел&#039;;
            position: absolute;
            top: -35px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(255,255,255,0.95);
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 600;
            color: #2980b9;
            animation: bounce 2s ease-in-out infinite;
            box-shadow: 0 2px 10px rgba(0,0,0,0.15);
            white-space: nowrap;
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
            40% { transform: translateX(-50%) translateY(-8px); }
            60% { transform: translateX(-50%) translateY(-4px); }
        }
        
        .nav-tab {
            flex: 1;
            min-width: 120px;
            padding: 15px 10px;
            background: #ecf0f1;
            border: none;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            transition: all 0.3s ease;
            position: relative;
            border: 2px solid transparent;
            text-align: center;
        }
        
        .nav-tab:hover {
            background: #bdc3c7;
            transform: translateY(-2px);
            border-color: #3498db;
            box-shadow: 0 3px 10px rgba(52,152,219,0.3);
        }
        
        .nav-tab.active {
            background: white;
            color: #2980b9;
            transform: translateY(0);
        }
        
        .nav-tab.active::after {
            content: &#039;&#039;;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #3498db, #1abc9c);
        }
        
        .content-wrapper {
            background: white;
            border-radius: 0 0 15px 15px;
            box-shadow: 0 4px 25px rgba(0,0,0,0.1);
            overflow: hidden;
            min-height: 500px;
        }
        
        .tab-content {
            display: none;
            padding: 30px;
            animation: fadeIn 0.5s ease-in;
        }
        
        .tab-content.active {
            display: block;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .warning-box {
            background: linear-gradient(135deg, #e74c3c, #c0392b);
            color: white;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 25px;
            box-shadow: 0 4px 15px rgba(231,76,60,0.3);
        }
        
        .warning-box h3 {
            font-size: 1.4em;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .warning-box h3::before {
            content: &#039;⚠&#039;;
            margin-right: 10px;
            font-size: 1.2em;
        }
        
        .info-box {
            background: linear-gradient(135deg, #3498db, #2980b9);
            color: white;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 25px;
            box-shadow: 0 4px 15px rgba(52,152,219,0.3);
        }
        
        .info-box h3 {
            font-size: 1.4em;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .info-box h3::before {
            content: &#039;i&#039;;
            margin-right: 10px;
            font-size: 1.2em;
        }
        
        .checklist {
            background: #ecf0f1;
            border-radius: 10px;
            padding: 20px;
            margin: 20px 0;
        }
        
        .checklist h4 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 1.2em;
        }
        
        .checklist-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 12px;
            padding: 10px;
            background: white;
            border-radius: 8px;
            transition: all 0.3s ease;
            border-left: 4px solid transparent;
        }
        
        .checklist-item:hover {
            transform: translateX(5px);
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            border-left-color: #1abc9c;
        }
        
        .checklist-item input[type=&quot;checkbox&quot;] {
            margin-right: 12px;
            transform: scale(1.3);
            accent-color: #1abc9c;
            cursor: pointer;
        }
        
        .checklist-item label {
            cursor: pointer;
            flex: 1;
            user-select: none;
        }
        
        .checklist-item input[type=&quot;checkbox&quot;]:checked + label {
            text-decoration: line-through;
            opacity: 0.7;
            color: #27ae60;
        }
        
        .btn {
            display: inline-block;
            padding: 12px 25px;
            background: linear-gradient(135deg, #3498db, #2980b9);
            color: white;
            text-decoration: none;
            border-radius: 25px;
            font-weight: 600;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            margin: 5px;
            font-size: 14px;
        }
        
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(52,152,219,0.4);
            background: linear-gradient(135deg, #2980b9, #3498db);
        }
        
        .btn-outline {
            background: transparent;
            border: 2px solid #3498db;
            color: #3498db;
        }
        
        .btn-outline:hover {
            background: #3498db;
            color: white;
        }
        
        .btn-esim {
            background: linear-gradient(135deg, #1abc9c, #16a085);
        }
        
        .btn-esim:hover {
            background: linear-gradient(135deg, #16a085, #1abc9c);
            box-shadow: 0 5px 15px rgba(26,188,156,0.4);
        }
        
        .btn-danger {
            background: linear-gradient(135deg, #e74c3c, #c0392b);
        }
        
        .btn-danger:hover {
            background: linear-gradient(135deg, #c0392b, #e74c3c);
            box-shadow: 0 5px 15px rgba(231,76,60,0.4);
        }
        
        .contact-info {
            background: linear-gradient(135deg, #1abc9c, #16a085);
            color: white;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            margin-top: 20px;
        }
        
        .contact-info h3 {
            margin-bottom: 15px;
        }
        
        .contact-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .emergency-contacts {
            background: #f39c12;
            color: white;
            border-radius: 10px;
            padding: 20px;
            margin: 20px 0;
        }
        
        .emergency-contacts h4 {
            color: white;
            margin-bottom: 15px;
        }
        
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }
        
        .card {
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            border-left: 4px solid #3498db;
        }
        
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            border-left-color: #1abc9c;
        }
        
        .card h4 {
            color: #2980b9;
            margin-bottom: 15px;
            font-size: 1.1em;
        }
        
        .card ul {
            list-style: none;
            padding-left: 0;
        }
        
        .card ul li {
            padding: 5px 0;
            border-bottom: 1px solid #ecf0f1;
        }
        
        .card ul li:last-child {
            border-bottom: none;
        }
        
        .progress-bar {
            background: #ecf0f1;
            border-radius: 20px;
            height: 12px;
            margin: 20px 0;
            overflow: hidden;
        }
        
        .progress-fill {
            background: linear-gradient(90deg, #1abc9c, #27ae60);
            height: 100%;
            width: 0%;
            border-radius: 20px;
            transition: width 0.8s ease;
            position: relative;
        }
        
        .progress-fill::after {
            content: &#039;&#039;;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: linear-gradient(
                -45deg,
                rgba(255, 255, 255, .2) 25%,
                transparent 25%,
                transparent 50%,
                rgba(255, 255, 255, .2) 50%,
                rgba(255, 255, 255, .2) 75%,
                transparent 75%,
                transparent
            );
            background-size: 50px 50px;
            animation: move 2s linear infinite;
            border-radius: 20px;
        }
        
        @keyframes move {
            0% { background-position: 0 0; }
            100% { background-position: 50px 50px; }
        }
        
        .esim-section {
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            border-radius: 15px;
            padding: 25px;
            margin: 30px 0;
            color: white;
            box-shadow: 0 5px 20px rgba(0,0,0,0.15);
        }
        
        .esim-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .esim-icon {
            font-size: 2.5em;
            margin-right: 15px;
        }
        
        .esim-title {
            font-size: 1.8em;
            margin: 0;
        }
        
        .esim-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            margin: 20px 0;
        }
        
        .esim-feature {
            background: rgba(255, 255, 255, 0.15);
            padding: 15px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            backdrop-filter: blur(10px);
        }
        
        .esim-feature-icon {
            font-size: 1.5em;
            margin-right: 10px;
        }
        
        .esim-tariffs {
            background: rgba(255, 255, 255, 0.15);
            padding: 20px;
            border-radius: 10px;
            margin: 20px 0;
            backdrop-filter: blur(10px);
        }
        
        .esim-tariffs h4 {
            margin-bottom: 15px;
            text-align: center;
        }
        
        .tariff-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            gap: 15px;
        }
        
        .tariff-item {
            background: rgba(255, 255, 255, 0.2);
            padding: 15px 10px;
            border-radius: 8px;
            text-align: center;
            backdrop-filter: blur(5px);
        }
        
        .esim-cta {
            text-align: center;
            margin-top: 25px;
        }
        
        /* Улучшенная адаптивность */
        @media (max-width: 768px) {
            .container {
                padding: 15px;
            }
            
            .nav-tabs {
                flex-direction: column;
            }
            
            .nav-tab {
                min-width: 100%;
                padding: 12px 15px;
                font-size: 13px;
            }
            
            .nav-tabs::before {
                top: -25px;
                font-size: 12px;
                padding: 6px 12px;
            }
            
            .header h1 {
                font-size: 2em;
            }
            
            .header p {
                font-size: 1em;
            }
            
            .tab-content {
                padding: 20px 15px;
            }
            
            .contact-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .btn {
                width: 100%;
                max-width: 250px;
                margin: 5px 0;
            }
            
            .grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            
            .esim-features {
                grid-template-columns: 1fr;
            }
            
            .tariff-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .esim-header {
                flex-direction: column;
                text-align: center;
            }
            
            .esim-icon {
                margin-right: 0;
                margin-bottom: 10px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 10px;
            }
            
            .header h1 {
                font-size: 1.8em;
            }
            
            .nav-tab {
                padding: 10px;
                font-size: 12px;
            }
            
            .tab-content {
                padding: 15px 10px;
            }
            
            .card, .checklist {
                padding: 15px;
            }
            
            .tariff-grid {
                grid-template-columns: 1fr;
            }
        }
        
        /* Печать */
        @media print {
            body {
                background: white;
                color: black;
            }
            
            .nav-tabs, .contact-info, .esim-section {
                display: none;
            }
            
            .tab-content {
                display: block !important;
                padding: 10px;
                page-break-inside: avoid;
            }
            
            .card {
                page-break-inside: avoid;
                margin-bottom: 20px;
            }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;header&quot;&gt;
            &lt;h1&gt;✈ Путеводитель туриста&lt;/h1&gt;
            &lt;p&gt;Вся необходимая информация для вашего путешествия&lt;/p&gt;
        &lt;/div&gt;
        
        &lt;div class=&quot;nav-tabs&quot;&gt;
            &lt;button class=&quot;nav-tab active&quot; data-tab=&quot;flight-info&quot;&gt;✈️ Рейс и документы&lt;/button&gt;
            &lt;button class=&quot;nav-tab&quot; data-tab=&quot;preparation&quot;&gt;⚒ Подготовка&lt;/button&gt;
            &lt;button class=&quot;nav-tab&quot; data-tab=&quot;checklist&quot;&gt;✅ Чек-лист&lt;/button&gt;
            &lt;button class=&quot;nav-tab&quot; data-tab=&quot;medical&quot;&gt;⚗ Аптечка&lt;/button&gt;
            &lt;button class=&quot;nav-tab&quot; data-tab=&quot;esim&quot;&gt;⚡ eSIM&lt;/button&gt;
        &lt;/div&gt;
        
        &lt;div class=&quot;content-wrapper&quot;&gt;
            &lt;!-- Вкладка: Рейс и документы --&gt;
            &lt;div id=&quot;flight-info&quot; class=&quot;tab-content active&quot;&gt;
                &lt;div class=&quot;warning-box&quot;&gt;
                    &lt;h3&gt;Важная информация о рейсе&lt;/h3&gt;
                    &lt;p&gt;&lt;strong&gt;Время и аэропорт вылета могут изменяться!&lt;/strong&gt; Мы проверяем информацию за день до вылета и отправляем уведомления. Если не получили сообщение - свяжитесь с нами!&lt;/p&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;grid&quot;&gt;
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚠ Документы&lt;/h4&gt;
                        &lt;p&gt;Отправляем за &lt;strong&gt;2-3 дня&lt;/strong&gt; до вылета. В сезон возможна выдача за день до вылета из-за большой нагрузки.&lt;/p&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚖ Изменения и отказы&lt;/h4&gt;
                        &lt;p&gt;При изменениях или отказе туроператор может взимать ФПР от &lt;strong&gt;20 у.е. до 100%&lt;/strong&gt;. Точную сумму узнаем после запроса.&lt;/p&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⛑ Страховка от невыезда&lt;/h4&gt;
                        &lt;p&gt;Действует при болезни, вызове в суд, госпитализации, смерти. &lt;strong&gt;НЕ действует&lt;/strong&gt; при простом нежелании лететь.&lt;/p&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚗ Медицинская страховка&lt;/h4&gt;
                        &lt;p&gt;Стандартная идет с франшизой от &lt;strong&gt;30 у.е.&lt;/strong&gt; Для расширенной страховки обратитесь к менеджеру.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;contact-info&quot;&gt;
                    &lt;h3&gt;☎ Связь с нами&lt;/h3&gt;
                    &lt;div class=&quot;contact-buttons&quot;&gt;
                        &lt;a href=&quot;tel:+79993336920&quot; class=&quot;btn&quot;&gt;☎ Позвонить&lt;/a&gt;
                        &lt;a href=&quot;https://wa.me/79675553777&quot; class=&quot;btn btn-outline&quot; target=&quot;_blank&quot;&gt; WhatsApp&lt;/a&gt;
                        &lt;a href=&quot;https://t.me/ABlagova&quot; class=&quot;btn btn-outline&quot; target=&quot;_blank&quot;&gt;✈ Telegram&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;!-- Вкладка: Подготовка --&gt;
            &lt;div id=&quot;preparation&quot; class=&quot;tab-content&quot;&gt;
                &lt;div class=&quot;warning-box&quot;&gt;
                    &lt;h3&gt;КРИТИЧЕСКИ ВАЖНО!&lt;/h3&gt;
                    &lt;p&gt;&lt;strong&gt;Проверьте возможность выезда из страны!&lt;/strong&gt; Посетите сайт ФССП, убедитесь в отсутствии запретов на выезд и судебных производств.&lt;/p&gt;
                    &lt;a href=&quot;https://fssp.gov.ru/&quot; target=&quot;_blank&quot; class=&quot;btn&quot; style=&quot;display: inline-block; margin-top: 15px; padding: 10px 20px; background-color: #c9302c; color: white; font-weight: bold; text-decoration: none; border-radius: 4px;&quot;&gt;⚠ Проверить на сайте ФССП&lt;/a&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;emergency-contacts&quot;&gt;
                    &lt;h4&gt;☎ Важно сообщить родным:&lt;/h4&gt;
                    &lt;ul&gt;
                        &lt;li&gt;Сроки поездки&lt;/li&gt;
                        &lt;li&gt;Название туроператора&lt;/li&gt;
                        &lt;li&gt;Страну и отель&lt;/li&gt;
                        &lt;li&gt;Номера рейсов&lt;/li&gt;
                        &lt;li&gt;Контактные телефоны (включая турагента)&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;!-- Вкладка: Чек-лист --&gt;
            &lt;div id=&quot;checklist&quot; class=&quot;tab-content&quot;&gt;
                &lt;div class=&quot;info-box&quot;&gt;
                    &lt;h3&gt;Интерактивный чек-лист&lt;/h3&gt;
                    &lt;p&gt;Отмечайте выполненные пункты галочками ✅ - ваш прогресс сохранится во время сессии!&lt;/p&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;progress-bar&quot;&gt;
                    &lt;div class=&quot;progress-fill&quot; id=&quot;progressFill&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;p style=&quot;text-align: center; margin-bottom: 20px; font-weight: bold; font-size: 1.1em;&quot;&gt;Готовность: &lt;span id=&quot;progressText&quot;&gt;0%&lt;/span&gt;&lt;/p&gt;
                
                &lt;!-- Перемещенные блоки теперь только в чек-листе --&gt;
                &lt;div class=&quot;grid&quot;&gt;
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚒ Финансовая подготовка&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;✅ Оплатить все счета (связь, коммуналка, кредиты)&lt;/li&gt;
                            &lt;li&gt;✅ Подготовить наличные (крупные + мелкие купюры)&lt;/li&gt;
                            &lt;li&gt;✅ Взять карты МИР + зарубежные карты&lt;/li&gt;
                            &lt;li&gt;✅ Priority Pass (если есть)&lt;/li&gt;
                            &lt;li&gt;✅ Запасные деньги в ручной клади&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⛪ Подготовка дома&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;✅ Отдать ключи родным/друзьям&lt;/li&gt;
                            &lt;li&gt;✅ Ценности в банковскую ячейку&lt;/li&gt;
                            &lt;li&gt;✅ Пристроить питомцев и детей&lt;/li&gt;
                            &lt;li&gt;✅ Организовать полив растений&lt;/li&gt;
                            &lt;li&gt;✅ Выключить электроприборы&lt;/li&gt;
                            &lt;li&gt;✅ Опустошить холодильник&lt;/li&gt;
                            &lt;li&gt;✅ Перекрыть газ и воду&lt;/li&gt;
                            &lt;li&gt;✅ Закрыть окна&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚙ Рабочие вопросы&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;✅ Подать заявление на отпуск&lt;/li&gt;
                            &lt;li&gt;✅ Завершить активные задачи&lt;/li&gt;
                            &lt;li&gt;✅ Договориться о замещении&lt;/li&gt;
                            &lt;li&gt;✅ Уведомить коллег об отсутствии&lt;/li&gt;
                            &lt;li&gt;✅ Рассмотреть вторую SIM-карту&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;checklist&quot;&gt;
                    &lt;h4&gt;⚠ Документы и выезд&lt;/h4&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;fssp&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;fssp&quot;&gt;Проверить запреты на выезд (ФССП)&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;passport&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;passport&quot;&gt;Проверить срок действия паспорта&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;visa&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;visa&quot;&gt;Оформить визу (если требуется)&lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;checklist&quot;&gt;
                    &lt;h4&gt;⚒ Финансы&lt;/h4&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;bills&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;bills&quot;&gt;Оплатить все счета&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;cash&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;cash&quot;&gt;Подготовить наличные&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;cards&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;cards&quot;&gt;Взять карты (МИР + зарубежные)&lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;checklist&quot;&gt;
                    &lt;h4&gt;⛪ Дом&lt;/h4&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;keys&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;keys&quot;&gt;Отдать ключи&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;pets&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;pets&quot;&gt;Пристроить питомцев&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;plants&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;plants&quot;&gt;Организовать полив растений&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;utilities&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;utilities&quot;&gt;Перекрыть газ и воду&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;fridge&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;fridge&quot;&gt;Опустошить холодильник&lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;checklist&quot;&gt;
                    &lt;h4&gt;⚙ Работа&lt;/h4&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;vacation&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;vacation&quot;&gt;Оформить отпуск&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;tasks&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;tasks&quot;&gt;Завершить задачи&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;checklist-item&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; id=&quot;replacement&quot; onchange=&quot;updateProgress()&quot;&gt;
                        &lt;label for=&quot;replacement&quot;&gt;Договориться о замещении&lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;div style=&quot;text-align: center; margin-top: 30px;&quot;&gt;
                    &lt;button class=&quot;btn&quot; onclick=&quot;printChecklist()&quot;&gt;⭐ Распечатать список&lt;/button&gt;
                    &lt;button class=&quot;btn btn-outline&quot; onclick=&quot;shareChecklist()&quot;&gt;⭐ Поделиться&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;!-- Вкладка: Аптечка --&gt;
            &lt;div id=&quot;medical&quot; class=&quot;tab-content&quot;&gt;
                &lt;div class=&quot;info-box&quot;&gt;
                    &lt;h3&gt;Медицинская аптечка в дорогу&lt;/h3&gt;
                    &lt;p&gt;Рекомендуемый набор лекарств и медицинских принадлежностей для путешествия&lt;/p&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;grid&quot;&gt;
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚗ Пищеварение&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;Ферменты (Мезим, Панкреатин)&lt;/li&gt;
                            &lt;li&gt;Сорбенты (Энтеросгель, активированный уголь)&lt;/li&gt;
                            &lt;li&gt;Противодиарейное (Лоперамид)&lt;/li&gt;
                            &lt;li&gt;Противорвотное (Церукал)&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚒ Перевязочные материалы&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;Лейкопластырь разных размеров&lt;/li&gt;
                            &lt;li&gt;Бинт стерильный&lt;/li&gt;
                            &lt;li&gt;Ватные диски и палочки&lt;/li&gt;
                            &lt;li&gt;Эластичный фиксирующий бинт&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;☘️ Защита от солнца&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;Солнцезащитный крем (SPF 30+)&lt;/li&gt;
                            &lt;li&gt;Средство после загара&lt;/li&gt;
                            &lt;li&gt;Пантенол от ожогов&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚗ Обработка ран&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;Йод в карандаше (удобнее жидкого)&lt;/li&gt;
                            &lt;li&gt;Кровоостанавливающее&lt;/li&gt;
                            &lt;li&gt;Антисептик (Мирамистин)&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚗ Общие препараты&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;Электронный термометр&lt;/li&gt;
                            &lt;li&gt;Жаропонижающее (Парацетамол)&lt;/li&gt;
                            &lt;li&gt;Болеутоляющее (Ибупрофен)&lt;/li&gt;
                            &lt;li&gt;Антигистаминное (Супрастин)&lt;/li&gt;
                            &lt;li&gt;Сосудосуживающее (капли в нос)&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;card&quot;&gt;
                        &lt;h4&gt;⚗ Индивидуальные лекарства&lt;/h4&gt;
                        &lt;ul&gt;
                            &lt;li&gt;Постоянные препараты (с запасом!)&lt;/li&gt;
                            &lt;li&gt;Рецепты на латинском языке&lt;/li&gt;
                            &lt;li&gt;Справки от врача (для таможни)&lt;/li&gt;
                            &lt;li&gt;Контактные линзы (запасные)&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;warning-box&quot; style=&quot;margin-top: 30px;&quot;&gt;
                    &lt;h3&gt;⚗ Важные напоминания&lt;/h3&gt;
                    &lt;ul style=&quot;margin-top: 15px;&quot;&gt;
                        &lt;li&gt;Берите лекарства с запасом (на случай задержки рейса)&lt;/li&gt;
                        &lt;li&gt;Проверьте срок годности всех препаратов&lt;/li&gt;
                        &lt;li&gt;Везите лекарства в оригинальной упаковке&lt;/li&gt;
                        &lt;li&gt;Для хронических заболеваний - консультация с врачом&lt;/li&gt;
                        &lt;li&gt;Узнайте о медицинской помощи в стране назначения&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div style=&quot;text-align: center; margin-top: 30px;&quot;&gt;
                    &lt;button class=&quot;btn&quot; onclick=&quot;printChecklist()&quot;&gt;⭐ Распечатать список&lt;/button&gt;
                    &lt;button class=&quot;btn btn-outline&quot; onclick=&quot;shareChecklist()&quot;&gt;⭐ Поделиться&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;!-- Вкладка: eSIM --&gt;
            &lt;div id=&quot;esim&quot; class=&quot;tab-content&quot;&gt;
                &lt;div class=&quot;esim-section&quot;&gt;
                    &lt;div class=&quot;esim-header&quot;&gt;
                        &lt;div class=&quot;esim-icon&quot;&gt;⚡&lt;/div&gt;
                        &lt;h2 class=&quot;esim-title&quot;&gt;Туристическая eSIM от Yesim&lt;/h2&gt;
                    &lt;/div&gt;
                    
                    &lt;p&gt;Оставайтесь на связи по всему миру с одной eSIM-картой! Современное решение для путешественников, которое избавит от поиска местных SIM-карт и роуминга.&lt;/p&gt;
                    
                    &lt;div class=&quot;esim-features&quot;&gt;
                        &lt;div class=&quot;esim-feature&quot;&gt;
                            &lt;div class=&quot;esim-feature-icon&quot;&gt;⭐&lt;/div&gt;
                            &lt;div&gt;
                                &lt;strong&gt;Широкое покрытие&lt;/strong&gt;&lt;br&gt;
                                Работает в 200+ странах мира
                            &lt;/div&gt;
                        &lt;/div&gt;
                        
                        &lt;div class=&quot;esim-feature&quot;&gt;
                            &lt;div class=&quot;esim-feature-icon&quot;&gt;⚡&lt;/div&gt;
                            &lt;div&gt;
                                &lt;strong&gt;Быстрая установка&lt;/strong&gt;&lt;br&gt;
                                Настройка за 1 клик
                            &lt;/div&gt;
                        &lt;/div&gt;
                        
                        &lt;div class=&quot;esim-feature&quot;&gt;
                            &lt;div class=&quot;esim-feature-icon&quot;&gt;⭐&lt;/div&gt;
                            &lt;div&gt;
                                &lt;strong&gt;Гибкие тарифы&lt;/strong&gt;&lt;br&gt;
                                Платите только за использованный трафик
                            &lt;/div&gt;
                        &lt;/div&gt;
                        
                        &lt;div class=&quot;esim-feature&quot;&gt;
                            &lt;div class=&quot;esim-feature-icon&quot;&gt;⭐&lt;/div&gt;
                            &lt;div&gt;
                                &lt;strong&gt;Умное переключение&lt;/strong&gt;&lt;br&gt;
                                Автоматически подключается к лучшей сети
                            &lt;/div&gt;
                        &lt;/div&gt;
                        
                        &lt;div class=&quot;esim-feature&quot;&gt;
                            &lt;div class=&quot;esim-feature-icon&quot;&gt;⭐&lt;/div&gt;
                            &lt;div&gt;
                                &lt;strong&gt;Режим точки доступа&lt;/strong&gt;&lt;br&gt;
                                Делитесь интернетом с другими устройствами
                            &lt;/div&gt;
                        &lt;/div&gt;
                        
                        &lt;div class=&quot;esim-feature&quot;&gt;
                            &lt;div class=&quot;esim-feature-icon&quot;&gt;✅&lt;/div&gt;
                            &lt;div&gt;
                                &lt;strong&gt;Гарантия возврата&lt;/strong&gt;&lt;br&gt;
                                100% гарантия возврата денег
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;esim-tariffs&quot;&gt;
                        &lt;h4&gt;Примеры выгодных тарифов&lt;/h4&gt;
                        &lt;div class=&quot;tariff-grid&quot;&gt;
                            &lt;div class=&quot;tariff-item&quot;&gt;
                                &lt;strong&gt;✈️ Таиланд&lt;/strong&gt;&lt;br&gt;
                                от €1.03/день
                            &lt;/div&gt;
                            &lt;div class=&quot;tariff-item&quot;&gt;
                                &lt;strong&gt;✈️ Турция&lt;/strong&gt;&lt;br&gt;
                                от €1.43/день
                            &lt;/div&gt;
                            &lt;div class=&quot;tariff-item&quot;&gt;
                                &lt;strong&gt;✈️ США&lt;/strong&gt;&lt;br&gt;
                                от €1.60/день
                            &lt;/div&gt;
                            &lt;div class=&quot;tariff-item&quot;&gt;
                                &lt;strong&gt;✈️ Европа&lt;/strong&gt;&lt;br&gt;
                                от €1.20/день
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;info-box&quot; style=&quot;margin: 20px 0; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px);&quot;&gt;
                        &lt;h3&gt;Почему выбирают Yesim?&lt;/h3&gt;
                        &lt;ul style=&quot;margin-top: 15px;&quot;&gt;
                            &lt;li&gt;Более 2 миллионов пользователей по всему миру&lt;/li&gt;
                            &lt;li&gt;Рейтинг 4.3 TrustScore на основании 27 тысяч оценок&lt;/li&gt;
                            &lt;li&gt;Круглосуточная поддержка 24/7 (среднее время ответа 6 минут)&lt;/li&gt;
                            &lt;li&gt;Сотрудничество с 800+ операторами по всему миру&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    
                    &lt;div class=&quot;esim-cta&quot;&gt;
                        &lt;a href=&quot;https://k-solncy.ru/esim&quot; class=&quot;btn btn-esim&quot; target=&quot;_blank&quot;&gt;✨ Получить eSIM сейчас&lt;/a&gt;
                        &lt;p style=&quot;margin-top: 15px; font-size: 0.9em; opacity: 0.9;&quot;&gt;Приложение доступно в App Store и Google Play&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;script&gt;
        // Состояние приложения
        let appState = {
            checklistState: {},
            activeTab: &#039;flight-info&#039;
        };
        
        // Функция для переключения вкладок
        function showTab(tabId) {
            // Сохранить текущее состояние
            appState.activeTab = tabId;
            
            // Скрыть все содержимое вкладок
            const tabContents = document.querySelectorAll(&#039;.tab-content&#039;);
            tabContents.forEach(content =&gt; {
                content.classList.remove(&#039;active&#039;);
            });
            
            // Убрать активный класс со всех кнопок
            const tabButtons = document.querySelectorAll(&#039;.nav-tab&#039;);
            tabButtons.forEach(button =&gt; {
                button.classList.remove(&#039;active&#039;);
            });
            
            // Показать выбранную вкладку
            const targetContent = document.getElementById(tabId);
            if (targetContent) {
                targetContent.classList.add(&#039;active&#039;);
            }
            
            // Активировать соответствующую кнопку
            const targetButton = document.querySelector(`[data-tab=&quot;${tabId}&quot;]`);
            if (targetButton) {
                targetButton.classList.add(&#039;active&#039;);
            }
        }
        
        // Функция обновления прогресса
        function updateProgress() {
            const checkboxes = document.querySelectorAll(&#039;.checklist input[type=&quot;checkbox&quot;]&#039;);
            const checkedBoxes = document.querySelectorAll(&#039;.checklist input[type=&quot;checkbox&quot;]:checked&#039;);
            const progress = Math.round((checkedBoxes.length / checkboxes.length) * 100);
            
            const progressFill = document.getElementById(&#039;progressFill&#039;);
            const progressText = document.getElementById(&#039;progressText&#039;);
            
            if (progressFill) progressFill.style.width = progress + &#039;%&#039;;
            if (progressText) progressText.textContent = progress + &#039;%&#039;;
            
            // Сохранение состояния в памяти
            checkboxes.forEach(checkbox =&gt; {
                appState.checklistState[checkbox.id] = checkbox.checked;
            });
        }
        
        // Функция восстановления состояния
        function restoreChecklistState() {
            Object.keys(appState.checklistState).forEach(id =&gt; {
                const checkbox = document.getElementById(id);
                if (checkbox) {
                    checkbox.checked = appState.checklistState[id];
                }
            });
            updateProgress();
        }
        
        // Функция печати списка
        function printChecklist() {
            const originalTitle = document.title;
            document.title = &#039;Путеводитель туриста - Чек-лист&#039;;
            
            // Показать все вкладки для печати
            const tabContents = document.querySelectorAll(&#039;.tab-content&#039;);
            tabContents.forEach(content =&gt; {
                content.style.display = &#039;block&#039;;
            });
            
            window.print();
            
            // Восстановить состояние после печати
            setTimeout(() =&gt; {
                document.title = originalTitle;
                showTab(appState.activeTab);
            }, 100);
        }
        
        // Функция поделиться
        function shareChecklist() {
            const shareData = {
                title: &#039;Путеводитель туриста - Чек-лист&#039;,
                text: &#039;Полезный чек-лист для подготовки к путешествию&#039;,
                url: window.location.href
            };
            
            if (navigator.share &amp;&amp; navigator.canShare &amp;&amp; navigator.canShare(shareData)) {
                navigator.share(shareData).catch(console.error);
            } else {
                // Fallback для браузеров без поддержки Web Share API
                const url = window.location.href;
                if (navigator.clipboard) {
                    navigator.clipboard.writeText(url).then(() =&gt; {
                        showNotification(&#039;Ссылка скопирована в буфер обмена!&#039;);
                    }).catch(() =&gt; {
                        showNotification(&#039;Ссылка: &#039; + url);
                    });
                } else {
                    showNotification(&#039;Ссылка: &#039; + url);
                }
            }
        }
        
        // Функция показа уведомлений
        function showNotification(message) {
            const notification = document.createElement(&#039;div&#039;);
            notification.style.cssText = `
                position: fixed;
                top: 20px;
                right: 20px;
                background: #27ae60;
                color: white;
                padding: 15px 20px;
                border-radius: 10px;
                box-shadow: 0 4px 15px rgba(0,0,0,0.2);
                z-index: 1000;
                animation: slideIn 0.3s ease-out;
            `;
            notification.textContent = message;
            document.body.appendChild(notification);
            
            setTimeout(() =&gt; {
                notification.remove();
            }, 3000);
        }
        
        // Добавить стили для уведомлений
        const notificationStyles = document.createElement(&#039;style&#039;);
        notificationStyles.textContent = `
            @keyframes slideIn {
                from { transform: translateX(100%); opacity: 0; }
                to { transform: translateX(0); opacity: 1; }
            }
        `;
        document.head.appendChild(notificationStyles);
        
        // Инициализация при загрузке страницы
        document.addEventListener(&#039;DOMContentLoaded&#039;, function() {
            // Настройка обработчиков событий для вкладок
            const tabButtons = document.querySelectorAll(&#039;.nav-tab&#039;);
            tabButtons.forEach(button =&gt; {
                button.addEventListener(&#039;click&#039;, function(e) {
                    e.preventDefault();
                    const tabId = this.getAttribute(&#039;data-tab&#039;);
                    if (tabId) {
                        showTab(tabId);
                    }
                });
            });
            
            // Восстановление состояния чек-листа
            restoreChecklistState();
            
            // Инициальное обновление прогресса
            updateProgress();
        });
        
        // Обработка изменения размера окна
        window.addEventListener(&#039;resize&#039;, function() {
            // Дополнительная логика при необходимости
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;<!-- nominify end --></code></pre>
		
					</div>
							</div>
			</div>

		</div>
	</div>

    <script type="text/javascript">
        t_onReady(function () {
            var rec = document.querySelector('#rec1243862816');
            if (!rec) return;
            var codeBlocks = rec.querySelectorAll('pre code');
            Array.prototype.forEach.call(codeBlocks, function (block) {
                t_onFuncLoadObj(function () {
                    hljs.highlightBlock(block);
                });
            });
        });
        
        function t_onFuncLoadObj(okFunc) {
            if (typeof hljs.highlightBlock === 'function') {
                okFunc();
            } else {
                setTimeout(function checkFuncExist() {
                    if (typeof hljs.highlightBlock === 'function') {
                        okFunc();
                        return;
                    }
                    if (document.readyState === 'complete' && typeof hljs.highlightBlock !== 'function') {
                        throw new Error('hljs.highlightBlock' + ' is undefined');
                    }
                    setTimeout(checkFuncExist, 100);
                });
            }
        }
    </script>


	</div>


</div>