<!DOCTYPE html>
<html lang="ru">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title>seoal.RU - скачать программы, игры и приложения для ПК и мобильных устройств</title>
  <meta name="description" content="Каталог программ, игр и приложений для ПК и мобильных устройств с прямыми ссылками для скачивания с официальных сайтов.">
  <link href="/favicon.ico" rel="icon" type="image/x-icon">
  <link href="/favicon.svg" rel="icon" type="image/svg+xml">
<!-- Bootstrap 5.3.3 (Latest stable) -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  
  <!-- Custom Styles -->
  <link rel="stylesheet" href="/css/style.css?v=10b2b11051fa49a30a4b74640f9270c3">
  <link rel="stylesheet" href="/css/achievements.css?v=ad2f60e08660e67f331d7fb5f88ed1cd">
  
  <!-- Swiper 11 (Swiper 12 пока в стадии активной разработки/беты, 11 - стабильный стандарт) -->
  <link href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" rel="stylesheet">
  
  <!-- More Custom Styles -->
  <link href="/css/latest-sites.css?v=b7503249abf6559d247757298ad56f0a" rel="stylesheet">
  <link href="/css/categories.css?v=f9d81418121f4f1866d9d60fcf7e41db" rel="stylesheet">
  <script>
  var app = {"base_url":"seoal.ru","host":"seoal.ru","http_host":"https:\/\/seoal.ru"};
  </script>
</head>
<body>

<div id="nav">
  <script>
  // Загружаем перелинковку в конкретный контейнер
  fetch('includes/nav.html')
    .then(response => response.text())
    .then(html => {
      document.getElementById('nav').innerHTML = html;
    })
    .catch(error => console.error('Othersite load error:', error));
</script>  
</div>
  
  <div class="container cont py-3 my-3">
    <section class="popular-section mb-5">
      <div class="h2">
        <img class="trending-icon" src="/img/trending.webp" width="32" height="32" alt="Популярное"> Популярное
      </div>
      <div class="main-grid">
        <div class="row">
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//avito-skachat.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/avito.webp" width="100" height="100" alt="Avito: объявления" title="Avito: объявления"> <span class="title">Авито: объявления</span> <span class="category">Магазины, Покупки</span>
            <hr>
            <div class="description">
              Крупнейшая площадка объявлений в России. Здесь можно купить или продать всё что угодно: от одежды и электроники до недвижимости и автомобилей, а также найти работу или исполнителей услуг.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//brawl-stars.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/brawlstars.webp" width="100" height="100" alt="Brawl Stars" title="Brawl Stars"> <span class="title">Brawl Stars</span> <span class="category">Игры</span>
            <hr>
            <div class="description">
              Динамичный экшен от Supercell для мобильных устройств. Выбирайте уникальных бойцов, объединяйтесь с друзьями и сражайтесь в захватывающих режимах 3-на-3 или в "Королевской битве" на выживание.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//call-of-duty-mobile.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/callofduty.webp" width="100" height="100" alt="Call of Duty: Mobile" title="Call of Duty: Mobile"> <span class="title">Call of Duty: Mobile</span> <span class="category">Игры</span>
            <hr>
            <div class="description">
              Легендарный шутер теперь в вашем смартфоне. Наслаждайтесь консольным качеством графики, классическими картами и режимами сетевой игры, включая масштабную "Королевскую битву" на 100 игроков.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//gosuslugi-skachat.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/gosuslugi.webp" width="100" height="100" alt="Госуслуги" title="Госуслуги"> <span class="title">Госуслуги</span> <span class="category">Офис</span>
            <hr>
            <div class="description">
              Госуслуги - ваш ключ к государственным сервисам онлайн. Оплачивайте штрафы и налоги, записывайтесь к врачу, оформляйте документы и получайте справки без очередей и визитов в ведомства.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//instagram.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/insta.webp" width="100" height="100" alt="Instagram" title="Instagram"> <span class="title">Instagram</span> <span class="category">Социальные сети</span>
            <hr>
            <div class="description">
              Instagram — Популярная соцсеть для обмена фото и видео. Делитесь яркими моментами жизни в Stories и Reels, следите за кумирами, находите вдохновение и общайтесь с друзьями в Direct.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//max.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/max.webp" width="100" height="100" alt="MAX: общение, звонки, сервисы" title="MAX: общение, звонки, сервисы"> <span class="title">MAX: общение, звонки, сервисы</span> <span class="category">Мессенджеры</span>
            <hr>
            <div class="description">
              Современный мессенджер для безграничного общения. Совершайте бесплатные аудио- и видеозвонки в HD-качестве, обменивайтесь быстрыми сообщениями и файлами, создавайте групповые чаты и оставайтесь на связи с близкими в любой точке мира.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//odnoklassniki.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/ok.webp" width="100" height="100" alt="Одноклассники" title="Одноклассники"> <span class="title">Одноклассники</span> <span class="category">Социальные сети</span>
            <hr>
            <div class="description">
              Социальная сеть для общения с близкими и старыми друзьями. Делитесь фотографиями, играйте в онлайн-игры, слушайте музыку и смотрите видео в уютной и понятной атмосфере.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//pubg-mobile.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/pubg.webp" width="100" height="100" alt="PUBG Mobile" title="PUBG Mobile"> <span class="title">PUBG Mobile</span> <span class="category">Игры</span>
            <hr>
            <div class="description">
              PUBG Mobile - оригинальная "Королевская битва" на мобильных. Высаживайтесь на остров, ищите оружие и снаряжение, и сражайтесь до последнего, чтобы стать единственным выжившим в сужающейся зоне.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//sberbank-online-skachat.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/sber.webp" width="100" height="100" alt="СберБанк Онлайн" title="СберБанк Онлайн"> <span class="title">СберБанк Онлайн</span> <span class="category">Финансы / Платежи</span>
            <hr>
            <div class="description">
              СберБанк Онлайн — самое популярное банковское приложение в России. Управляйте счетами и картами, переводите деньги без комиссии, оплачивайте услуги ЖКХ и оформляйте кредиты прямо с телефона.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//standoff-2.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/standoff.webp" width="100" height="100" alt="Standoff 2" title="Standoff 2"> <span class="title">Standoff 2</span> <span class="category">Игры</span>
            <hr>
            <div class="description">
              Тактический онлайн-шутер от первого лица в духе CS:GO. Участвуйте в динамичных перестрелках спецназа против террористов, используйте разнообразное оружие и скины на детально проработанных картах.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//telegram.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/tlgr.webp" width="100" height="100" alt="Telegram" title="Telegram"> <span class="title">Telegram</span> <span class="category">Мессенджеры</span>
            <hr>
            <div class="description">
              Telegram — самый быстрый и безопасный мессенджер в мире. Отправляйте мгновенные сообщения, читайте новости в каналах, используйте ботов и пересылайте файлы любого объема без ограничений.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//tiktok.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/tiktok.webp" width="100" height="100" alt="TikTok" title="TikTok"> <span class="title">TikTok</span> <span class="category">Аудио и Видеоредакторы</span>
            <hr>
            <div class="description">
              ТикТок - платформа для создания и просмотра коротких видео. Находите тренды, проявляйте креативность с помощью фильтров и масок, и получайте бесконечный поток развлекательного контента, подобранного лично для вас.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//tinkoff-skachat.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/tbank.webp" width="100" height="100" alt="Т-Банк (Тинькофф банк)" title="Т-Банк (Тинькофф банк)"> <span class="title">Т-Банк (Тинькофф банк)</span> <span class="category">Финансы / Платежи</span>
            <hr>
            <div class="description">
              Скачайте Т-Банк – инновационный онлайн-банкинг без отделений. Мгновенные переводы, кэшбэк рублями, инвестиции и круглосуточная поддержка в чате — всё управление финансами в одном стильном приложении.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//vkontakte-skachat.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/vk.webp" width="100" height="100" alt="ВКонтакте" title="ВКонтакте"> <span class="title">ВКонтакте</span> <span class="category">Социальные сети</span>
            <hr>
            <div class="description">
              ВКонтакте - главная социальная сеть России. Слушайте музыку, смотрите клипы и шоу, общайтесь в сообществах, используйте мини-приложения и оставайтесь на связи с миллионами пользователей.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//vtb-bank-skachat.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/vtb.webp" width="100" height="100" alt="ВТБ Онлайн" title="ВТБ Онлайн"> <span class="title">ВТБ Онлайн</span> <span class="category">Финансы / Платежи</span>
            <hr>
            <div class="description">
              ВТБ Онлайн — Надежный мобильный банк для клиентов ВТБ. Проверяйте баланс, оплачивайте счета по QR-коду, открывайте вклады и обменивайте валюту по выгодному курсу в пару кликов.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
          <div class="col-6 col-sm-4 col-md-3 grid-item">
            <a href="//wildberries-skachat.seoal.ru" target="_blank" class="grid-body"><img class="thumb" src="/img/wb.webp" width="100" height="100" alt="Wildberries" title="Wildberries"> <span class="title">Wildberries</span> <span class="category">Магазины, Покупки</span>
            <hr>
            <div class="description">
              Wildberries — крупнейший маркетплейс одежды, обуви и товаров для дома. Огромный ассортимент, регулярные скидки и быстрая доставка в удобные пункты выдачи рядом с вашим домом.
            </div>
            <div class="btn white-btn btn-block mt-3">
              <i class="fas fa-download"></i> Скачать
            </div></a>
          </div>
        </div>
      </div>
    </section>

<div id="new">
<script>
  // Загружаем перелинковку в конкретный контейнер
  fetch('includes/new.html')
    .then(response => response.text())
    .then(html => {
      document.getElementById('new').innerHTML = html;
    })
    .catch(error => console.error('Othersite load error:', error));
</script>
</div>


    <section class="main-text mb-5">     
            <p class="lead text-muted mx-auto" style="max-width: 800px;">
              <h2>Безопасный каталог программ, игр и приложений</h2>
                Добро пожаловать на ваш надежный хаб цифрового контента. Мы упростили поиск софта: здесь вы найдете <strong class="text-dark">прямые ссылки на официальные источники</strong> для ПК и мобильных устройств. Забудьте о сомнительных файлообменниках — скачивайте быстро, безопасно и бесплатно.
            </p>
<!-- Advantages Section -->
        <section class="mb-5">
            <h2 class="h2 fw-bold text-center mb-4">Почему пользователи выбирают нас?</h2>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card h-100 border-0 shadow-sm rounded-4 p-3 text-center hover-lift">
                        <div class="card-body">
                            <div class="display-5 mb-3">🛡️</div>
                            <h3 class="h5 fw-bold">Гарантия безопасности</h3>
                            <p class="text-muted small">Мы не перезаливаем файлы. Вы скачиваете дистрибутивы напрямую с серверов разработчиков, что исключает риск подмены.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card h-100 border-0 shadow-sm rounded-4 p-3 text-center hover-lift">
                        <div class="card-body">
                            <div class="display-5 mb-3">🚀</div>
                            <h3 class="h5 fw-bold">Только свежие версии</h3>
                            <p class="text-muted small">Наша база обновляется ежедневно. Вы получаете доступ к последним релизам с поддержкой русского языка.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card h-100 border-0 shadow-sm rounded-4 p-3 text-center hover-lift">
                        <div class="card-body">
                            <div class="display-5 mb-3">🧩</div>
                            <h3 class="h5 fw-bold">Экосистема «Всё-в-одном»</h3>
                            <p class="text-muted small">Тысячи полезных утилит, игр и приложений в одном удобном каталоге. Больше не нужно искать их по всему интернету.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

       <section class="mb-5 rounded-4 p-4 p-md-5" 
         style="background-color: var(--color-secondary); box-shadow: var(--shadow-sm);">
    
    <div class="row align-items-center">
        <!-- Текстовая колонка -->
        <div class="col-lg-6 mb-5 mb-lg-0">
            <h2 class="h2 fw-bold mb-3" style="color: var(--color-text);">Мультиплатформенный каталог</h2>
            <p class="mb-4" style="color: var(--color-text-secondary);">
                Ищете софт для Windows, Android или iOS? Мы собрали лучшие решения для работы и развлечений:
            </p>
            
            <ul class="list-unstyled">
                <!-- Пункт 1 -->
                <li class="mb-3 d-flex align-items-start">
                    <span class="me-3 fs-4 flex-shrink-0">🔒</span> <!-- flex-shrink-0 запрещает сплющивание иконки -->
                    <div>
                        <strong style="color: var(--color-text);">Кибербезопасность:</strong>
                        <div class="small" style="color: var(--color-text-secondary);">Антивирусы, VPN, фаерволы и защита данных.</div>
                    </div>
                </li>

                <!-- Пункт 2 -->
                <li class="mb-3 d-flex align-items-start">
                    <span class="me-3 fs-4 flex-shrink-0">🌐</span>
                    <div>
                        <strong style="color: var(--color-text);">Интернет:</strong>
                        <div class="small" style="color: var(--color-text-secondary);">Быстрые браузеры, мессенджеры и загрузчики.</div>
                    </div>
                </li>

                <!-- Пункт 3 -->
                <li class="mb-3 d-flex align-items-start">
                    <span class="me-3 fs-4 flex-shrink-0">🎮</span>
                    <div>
                        <strong style="color: var(--color-text);">Гейминг:</strong>
                        <div class="small" style="color: var(--color-text-secondary);">От классики и эмуляторов до новинок года.</div>
                    </div>
                </li>

                <!-- Пункт 4 -->
                <li class="mb-3 d-flex align-items-start">
                    <span class="me-3 fs-4 flex-shrink-0">🎨</span>
                    <div>
                        <strong style="color: var(--color-text);">Творчество:</strong>
                        <div class="small" style="color: var(--color-text-secondary);">Редакторы фото, видео монтаж и аудио студии.</div>
                    </div>
                </li>

                <!-- Пункт 5 -->
                <li class="mb-0 d-flex align-items-start">
                    <span class="me-3 fs-4 flex-shrink-0">⚙️</span>
                    <div>
                        <strong style="color: var(--color-text);">Оптимизация:</strong>
                        <div class="small" style="color: var(--color-text-secondary);">Утилиты для ускорения системы и чистки мусора.</div>
                    </div>
                </li>
            </ul>
        </div>

        <!-- Колонка с картинкой -->
        <div class="col-lg-6 text-center">
            <!-- Круг с иконками -->
            <div class="p-5 rounded-circle shadow-lg d-inline-flex align-items-center justify-content-center position-relative" 
                 style="background-color: var(--color-surface); width: 220px; height: 220px;">
                
                <!-- Основные иконки -->
                <span class="display-1">💻📱</span>
                
                <!-- Декоративные плавающие элементы (опционально) -->
                <div class="position-absolute top-0 start-100 translate-middle p-2 rounded-circle shadow-sm" 
                     style="background-color: var(--color-surface);">
                    <i class="fab fa-android fa-2x text-success"></i>
                </div>
                <div class="position-absolute top-100 start-0 translate-middle p-2 rounded-circle shadow-sm" 
                     style="background-color: var(--color-surface);">
                    <i class="fab fa-windows fa-2x text-primary"></i>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="text-center mb-5 container py-5">

    <!-- Заголовок -->
    <h2 class="h2 fw-bold mb-5" style="color: var(--color-text);">Как это работает?</h2>
    
    <!-- Карточки шагов -->
    <div class="row g-4 justify-content-center mb-5">
        <!-- Шаг 1 -->
        <div class="col-12 col-md-4">
            <div class="p-4 rounded-4 h-100 position-relative d-flex flex-column align-items-center justify-content-center text-center" 
                 style="background-color: var(--color-surface); box-shadow: var(--shadow-sm); border: 1px solid var(--color-border);">
                <div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3" 
                     style="width: 64px; height: 64px; background-color: var(--color-secondary); color: var(--color-primary); font-size: 1.75rem;">
                    <i class="fas fa-search"></i>
                </div>
                <h5 class="fw-bold mb-2" style="color: var(--color-text);">1. Выберите софт</h5>
                <p class="small mb-0" style="color: var(--color-text-secondary);">
                    Найдите нужную программу через поиск или в каталоге категорий.
                </p>
            </div>
        </div>

        <!-- Шаг 2 -->
        <div class="col-12 col-md-4">
            <div class="p-4 rounded-4 h-100 position-relative d-flex flex-column align-items-center justify-content-center text-center" 
                 style="background-color: var(--color-surface); box-shadow: var(--shadow-sm); border: 1px solid var(--color-border);">
                <div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3" 
                     style="width: 64px; height: 64px; background-color: var(--color-secondary); color: var(--color-primary); font-size: 1.75rem;">
                    <i class="fas fa-download"></i>
                </div>
                <h5 class="fw-bold mb-2" style="color: var(--color-text);">2. Скачайте</h5>
                <p class="small mb-0" style="color: var(--color-text-secondary);">
                    Нажмите кнопку загрузки. Прямая ссылка без ожидания и регистрации.
                </p>
            </div>
        </div>

        <!-- Шаг 3 -->
        <div class="col-12 col-md-4">
            <div class="p-4 rounded-4 h-100 position-relative d-flex flex-column align-items-center justify-content-center text-center" 
                 style="background-color: var(--color-surface); box-shadow: var(--shadow-sm); border: 1px solid var(--color-border);">
                <div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3" 
                     style="width: 64px; height: 64px; background-color: var(--color-secondary); color: var(--color-primary); font-size: 1.75rem;">
                    <i class="fas fa-check"></i>
                </div>
                <h5 class="fw-bold mb-2" style="color: var(--color-text);">3. Пользуйтесь</h5>
                <p class="small mb-0" style="color: var(--color-text-secondary);">
                    Установите приложение и наслаждайтесь его возможностями.
                </p>
            </div>
        </div>
    </div>

    <!-- Блок "Совет эксперта" -->
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="p-4 rounded-3 text-start d-flex align-items-start shadow-sm" 
                 style="background-color: var(--color-surface); border: 1px solid var(--color-border); border-left: 5px solid #ffaa00;">
                <div class="me-3 d-none d-sm-block" style="color: #ffaa00; font-size: 1.5rem;">
                    <i class="far fa-lightbulb"></i>
                </div>
                <div>
                    <h5 class="h6 fw-bold mb-1" style="color: var(--color-text);"> Совет эксперта:</h5>
                    <p class="mb-0 small" style="color: var(--color-text-secondary); line-height: 1.6;">
                        Несмотря на тщательную проверку наших ссылок, мы рекомендуем всегда использовать активный антивирус при загрузке любых файлов из сети. Ваша цифровая безопасность — приоритет.
                    </p>
                </div>
            </div>
        </div>
    </div>
            
    <!-- Нижний призыв к действию (CTA) -->
    <div class="mt-5">
        <p class="h5 mb-4 fw-medium" style="color: var(--color-text);">
            📥 Перестаньте искать — начните скачивать
        </p>
        <a href="#catalog" class="btn white-btn btn-lg rounded-pill px-5 shadow hover-lift" 
           style="background-color: var(--color-primary); color: #444; border: none;">
            Перейти в каталог 🚀
        </a>
    </div>

 </section>


  </div>
  <div id="scroller"></div>
  
  <div id="footer">
  <script>
  // Загружаем перелинковку в конкретный контейнер
  fetch('includes/footer.html')
    .then(response => response.text())
    .then(html => {
      document.getElementById('footer').innerHTML = html;
    })
    .catch(error => console.error('Othersite load error:', error));
</script>  
</div>
  
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
  <script crossorigin="anonymous" integrity="sha256-JqT3SQfawRcvBIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script crossorigin="anonymous" integrity="sha384-9reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script crossorigin="anonymous" integrity="sha384-YQ4JLhjyBLPDQtIS4Tsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>
  <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
  
  <!-- Исправлено: Swiper JS версии 11 (совпадает с CSS) -->
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  
  <script src="js/script.js?v=3dd7f434e9be3d74ae0163162b97cac9"></script>
  <script src="js/achievements.js?v=1f4b37fc9f7083415ab788231c6e1424"></script>
  <script crossorigin="anonymous" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

  <!-- Скрипт инициализации слайдера ПОСЛЕ загрузки контента -->
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      // Сначала загружаем контент в #new
      fetch('includes/new.html')
        .then(response => response.text())
        .then(html => {
          document.getElementById('new').innerHTML = html;
          
          // И ТОЛЬКО ПОТОМ инициализируем Swiper, когда HTML уже на странице
          new Swiper('.latest-sites-swiper', {
            slidesPerView: 1,
            spaceBetween: 10,
            navigation: {
              nextEl: '.latest-sites-next',
              prevEl: '.latest-sites-prev',
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            breakpoints: {
              992: {
                slidesPerView: 1,
                spaceBetween: 10,
              }
            }
          });
        })
        .catch(error => console.error('Error loading new.html:', error));
    });
  </script>

</body>
</html>
