<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Каталог обмена визитами | Sfera-Vizit</title>
    <link rel="stylesheet" href="/assets/css/style.css">
        <!-- ===== PWA МАНИФЕСТ ===== -->
    <link rel="manifest" href="/manifest.json">
    
    <!-- ===== ДЛЯ IOS (Safari) ===== -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="Sfera-Vizit">
    
    <!-- Иконка для iOS (если есть) -->
    <link rel="apple-touch-icon" href="/assets/images/icon-192.png">
    
    <!-- ===== ДЛЯ ANDROID ===== -->
    <meta name="theme-color" content="#b8860b">
    <meta name="mobile-web-app-capable" content="yes">
    
    <!-- ===== ЦВЕТ ТЕМЫ ДЛЯ РАЗНЫХ БРАУЗЕРОВ ===== -->
    <meta name="msapplication-TileColor" content="#b8860b">
    <meta name="msapplication-TileImage" content="/assets/images/icon-192.png">
    
    <!-- 🔥 АДАПТАЦИЯ БАННЕРА 468×60 В ШАПКЕ -->
    <style>
    @media (max-width: 992px) {
        .header-flex {
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }
        .header-banner {
            order: 3;
            width: 100%;
            max-width: 468px;
            margin: 10px 0;
        }
        .banner-slot-468x60 {
            width: 100%;
            height: auto;
            min-height: 60px;
        }
        .banner-slot-468x60 iframe,
        .banner-slot-468x60 img,
        .banner-slot-468x60 script,
        .banner-slot-468x60 > div {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }
    }
    @media (max-width: 480px) {
        .header-banner {
            display: none;
        }
        .nav {
            order: 2;
            width: 100%;
            justify-content: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 5px;
        }
        .logo {
            order: 1;
            width: 100%;
            text-align: center;
        }
    }
    </style>
</head>
<body>
<header class="header">
    <div class="container header-flex">
        <!-- Логотип -->
        <div class="logo">
            <a href="/">
                <img src="/assets/images/logo.png" alt="Sfera-Vizit" style="height:60px; width:auto;">
            </a>
        </div>

        <!-- Баннер 468x60 -->
        <div class="header-banner">
            <div class="banner-slot-468x60">
                <div id="ads-banner_11"></div>
                <script src="https://pulax.ru/adpanel/public/bancode.php?id=11" async></script>
            </div>
        </div>

        <!-- Меню -->
        <nav class="nav">
            <a href="/">Главная</a>
            <a href="/katalog.php">Каталог</a>
            <!--<a href="/surf.php">Сёрфинг</a>-->
            <a href="/about.php">О проекте</a>
        </nav>
    </div>
</header>

<center><div class="toplink"><a class="buylink" href="https://pulax.ru/adpanel/public/buy_link.php?id=10" title="Добавить ссылку за 1 руб." target="_blank">2р</a><div id="ads-slot_10"><script src="https://pulax.ru/adpanel/public/lincode.php?id=10" async=""></script></div></div></center>

    <div class="container">
        <div class="page-layout">
            <aside class="sidebar sidebar--left">
                
<!-- Обмен визитами (основное меню) -->
<div class="sidebar-block">
    <div class="sidebar-block__header">» Обмен визитами</div>
    <div class="sidebar-block__content">
        <ul class="sidebar-list">
            <a href="/katalog.php" class="sidebar-btn" style="display:block; margin-bottom:8px;">Каталог сервисов</a>
            <li><a href="/">Главное меню</a></li>
            <li><a href="/surf-lists.php">Списки серфинга</a></li>
        </ul>
    </div>
</div>

<!-- Топ 3 сайтов -->
<div class="sidebar-block">
    <div class="sidebar-block__header">» Топ 3 сайтов</div>
    <div class="sidebar-block__content">
                                <div class="site-top-item">
                <a href="https://moticlick.ru/" target="_blank" style="word-break:break-all;">
                    https://moticlick.ru/                </a>
                <div style="color:#666;font-size:10px;margin-top:2px;">
                    👁 Просмотров: 4                </div>
            </div>
                        <div class="site-top-item">
                <a href="http://ads-slot.ru" target="_blank" style="word-break:break-all;">
                    http://ads-slot.ru                </a>
                <div style="color:#666;font-size:10px;margin-top:2px;">
                    👁 Просмотров: 4                </div>
            </div>
                        <div class="site-top-item">
                <a href="http://novva.bg/catering-equipment.html" target="_blank" style="word-break:break-all;">
                    http://novva.bg/catering-equipment.html                </a>
                <div style="color:#666;font-size:10px;margin-top:2px;">
                    👁 Просмотров: 3                </div>
            </div>
                            <a href="/surf-lists.php" class="sidebar-btn">Список сайтов</a>
    </div>
</div>

<!-- 🔧 Инструменты вебмастера (шторка) -->
<div class="sidebar-block">
    <button class="sidebar-toggle" data-target="tools-block" style="width:100%;background:linear-gradient(to bottom, #9370db, #6a5acd);color:#fff;border:none;padding:8px 12px;font-weight:bold;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0 0;">
        <span>🔧 Инструменты вебмастера</span>
        <span class="toggle-icon">▼</span>
    </button>
    <div id="tools-block" class="sidebar-collapse" style="max-height:0;overflow:hidden;transition:max-height 0.3s ease;">
        <div class="sidebar-block__content" style="padding:10px;background:#f4f4f4;border-top:1px dashed #999;">
            <ul class="sidebar-list" style="margin:0;padding:0;list-style:none;">
                <li><a href="/whois.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">🔍 WHOIS</a></li>
	            <li><a href="/ssl-check.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">🔒 SSL Checker</a></li>
	            <li><a href="/ping-check.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">⏱️ Ping</a></li>
	            <li><a href="/dns-lookup.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">🌐 DNS Lookup</a></li>
                <li><a href="/robots.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">📄 robots.txt</a></li>
                <li><a href="/utm.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">🏷️ UTM-метки</a></li>
                <li><a href="/headers.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">🌐 HTTP-заголовки</a></li>
                <li><a href="/seo-preview.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">👁️ SEO Preview</a></li>
                <li><a href="/qr.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">📱 QR-генератор</a></li>
                <li><a href="/minify.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">✨ Минификатор</a></li>
                <li><a href="/meta-generator.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">🏷️ Meta-теги</a></li>
                <li><a href="/password-gen.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">🔐 Пароли</a></li>
                <li><a href="/text-tools.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">📝 Текст</a></li>
                <li><a href="/htaccess-gen.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">⚙️ .htaccess</a></li>
                <li><a href="/ping-check.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">⏱️ Ping</a></li>
                <li><a href="/sitemap-gen.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">🗺️ Sitemap</a></li>
                <li><a href="/canonical-check.php" style="display:block;padding:4px 0;color:#333;text-decoration:none;">🔗 Canonical</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- 💰 Платная реклама (шторка) -->
<div class="sidebar-block">
    <button class="sidebar-toggle" data-target="ads-block" style="width:100%;background:linear-gradient(to bottom, #9370db, #6a5acd);color:#fff;border:none;padding:8px 12px;font-weight:bold;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0 0;">
        <span>💰 Платная реклама</span>
        <span class="toggle-icon">▼</span>
    </button>
    <div id="ads-block" class="sidebar-collapse" style="max-height:0;overflow:hidden;transition:max-height 0.3s ease;">
        <div class="sidebar-block__content" style="padding:10px;background:#f4f4f4;border-top:1px dashed #999;">
            <ul class="sidebar-list" style="margin:0;padding:0;list-style:none;">
                <li><a href="https://pulax.ru/adpanel/public/buy_banner.php?id=11" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">Баннер в шапке (10₽)</a></li>
                <li><a href="https://pulax.ru/adpanel/public/buy_banner.php?id=16" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">Баннер во фрейме (20₽)</a></li>
                <li><a href="https://pulax.ru/adpanel/public/buy_banner.php?id=12" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">Баннер 200×300 (10₽)</a></li>
                <li><a href="https://pulax.ru/adpanel/public/buy_banner.php?id=14" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">Баннер в центре (10₽)</a></li>
                <li><a href="https://pulax.ru/adpanel/public/buy_banner.php?id=13" style="display:block;padding:4px 0;color:#333;text-decoration:none;border-bottom:1px dotted #aaa;">Баннер 200×200 (5₽)</a></li>
                <li><a href="https://pulax.ru/adpanel/public/buy_link.php?id=10" style="display:block;padding:4px 0;color:#333;text-decoration:none;">Рекламная цепочка (1₽)</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- Новости проекта -->
<div class="sidebar-block">
    <div class="sidebar-block__header">» Новости проекта</div>
    <div class="sidebar-block__content">
                    <div style="font-size:11px;padding:5px 0;border-bottom:1px dotted #aaa;">
                <b>Технические исправления</b><br>
                <span style="color:#888;">05.06.2026</span><br>
                Произведены технические поправки в сёрфинге.<br>
Была необходимость сбросить списки добавленных сайтов<br>...            </div>
            <a href="/news.php" class="sidebar-btn">Читать далее</a>
            <a href="/news-archive.php" class="sidebar-btn">Архив новостей</a>
            </div>
</div>

<!-- Статистика проекта -->
<div class="sidebar-block">
    <div class="sidebar-block__header">» Статистика проекта</div>
    <div class="sidebar-block__content">
        <div class="stat-row"><span>Дата открытия:</span> <b>01.06.2026</b></div>
        <div class="stat-row"><span>Дата на сервере:</span> <b>09.06.2026</b></div>
        <div class="stat-row"><span>Сайтов в базе:</span> <b>11</b></div>
        <div class="stat-row"><span>Сайтов просмотрено:</span> <b>223</b></div>
        <div class="stat-row"><span>Жалобы на сайты:</span> <b style="color:green">0</b></div>
        <hr style="margin:5px 0;border-color:#aaa;">
        <a href="/stats.php" class="sidebar-btn">Полная статистика</a>
        <a href="/promo-materials.php" class="sidebar-btn">Промо материалы</a>
    </div>
</div>

<div class="sidebar-block">
    <div class="sidebar-block__header">» РЕКЛАМА</div>
    <div class="sidebar-block__content" style="text-align:center;">
        <div style="width:200px;height:110px;background:#ddd;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#666;border:1px dashed #999;">
           <!-- СЮДА ВСТАВИТЬ-->
        </div>
    </div>
</div>

<script>
// Плавная шторка для блоков
document.querySelectorAll('.sidebar-toggle').forEach(btn => {
    btn.addEventListener('click', function() {
        const targetId = this.getAttribute('data-target');
        const block = document.getElementById(targetId);
        const icon = this.querySelector('.toggle-icon');
        
        if (!block) return;
        
        // Переключаем высоту
        if (block.style.maxHeight && block.style.maxHeight !== '0px') {
            block.style.maxHeight = '0';
            icon.textContent = '▼';
            localStorage.setItem('sidebar_' + targetId, 'closed');
        } else {
            block.style.maxHeight = block.scrollHeight + 'px';
            icon.textContent = '▲';
            localStorage.setItem('sidebar_' + targetId, 'open');
        }
    });
    
    // Восстанавливаем состояние при загрузке
    const targetId = btn.getAttribute('data-target');
    const saved = localStorage.getItem('sidebar_' + targetId);
    if (saved === 'open') {
        const block = document.getElementById(targetId);
        if (block) {
            block.style.maxHeight = block.scrollHeight + 'px';
            btn.querySelector('.toggle-icon').textContent = '▲';
        }
    }
});
</script>

<style>
/* Анимация шторки */
.sidebar-collapse {
    transition: max-height 0.3s ease-out;
}
.sidebar-toggle {
    transition: background 0.2s;
}
.sidebar-toggle:hover {
    background: linear-gradient(to bottom, #e6b422, #c99b1a) !important;
}
.sidebar-toggle:active {
    transform: translateY(1px);
}
/* Подсветка активных ссылок */
.sidebar-list a:hover {
    background: #e8e8e8;
    padding-left: 14px !important;
    transition: all 0.2s;
}
</style>            </aside>

            <main class="main">
                                
<div style="text-align:center; padding:20px;">
    <h1 style="color:#b8860b; margin-bottom:10px;">КАТАЛОГ ОБМЕНА ВИЗИТАМИ</h1>
    <p style="color:#666; margin-bottom:30px;">
        Добавьте свой сайт во все сервисы обмена визитами
    </p>
    
    <!-- Iframe с виджетом -->
    <iframe src="/cat_widget.php" 
            width="100%" 
            height="450" 
            frameborder="0"
            style="border:1px solid #ccc; border-radius:5px;">
    </iframe>
</div>

            </main>

            <aside class="sidebar sidebar--right">
                <div class="sidebar-block">
    <div class="sidebar-block__header">» СТЕНА ССЫЛОК И БАННЕРОВ</div>
    <div class="sidebar-block__content">
        <a href="/wall_links.php" class="sidebar-btn">Ссылки</a>
        <a href="/wall_banner.php" class="sidebar-btn">Баннеры 468x60</a>
        <a href="/catalog.php" class="sidebar-btn">Каталог Визитов</a>
       <!-- <a href="/download-script.php" class="sidebar-btn">Наш скрипт сайта</a>-->
        <!--<a href="/auto-surf-free.php" class="sidebar-btn">Автосёрфинг</a>-->
    </div>
</div>

<div class="sidebar-block">
    <div class="sidebar-block__header">» ПАРТНЁРЫ И СПОНСОРЫ</div>
    <div class="sidebar-block__content">
        <ul class="sidebar-list">
            <li><a href="https://referok.ru/surf/">Автосёрфинг</a></li>
            <li><a href="https://neobest.ru">Рынок цифровых товаров</a></li>
            <li><a href="https://referok.ru">Продвижение сайтов и соц.сетей</a></li>
            <!--<li><a href="/social-push.php">Социальный пуш</a></li>-->
        </ul>
    </div>
</div>


<div class="sidebar-block">
    <div class="sidebar-block__header">» Баннер 200x300</div>
    <div class="sidebar-block__content" style="text-align:center;">
        <div style="width:200px;height:300px;background:#ddd;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#666;border:1px dashed #999;">
           <div id="ads-banner_12"></div>
           <script src="https://pulax.ru/adpanel/public/bancode.php?id=12" async></script>
        </div>
        <a href="#" class="sidebar-btn" style="margin-top:10px;">Неделя за 10р</a>
    </div>
</div>

<div class="sidebar-block">
    <div class="sidebar-block__header">» ВАША  ССЫЛКА ЗДЕСЬ</div>
    <div class="sidebar-block__content" style="text-align:center;">
<center>
  <a href="https://pulax.ru/adpanel/public/buy_link.php?id=15" target="_blank"><span id="ads-slot_price_15"></span></a>
  <div id="ads-slot_15" style="margin: 10px 0;"></div>
  <script src="https://pulax.ru/adpanel/public/lincode.php?id=15" async></script>
</center>
         <!--<div style="width:200px;height:300px;background:#ddd;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#666;border:1px dashed #999;">
            [Место под баннер]
        </div>-->
        <a href="https://pulax.ru/adpanel/public/buy_link.php?id=15" class="sidebar-btn" style="margin-top:10px;">Разместить за 1 рубль</a>
    </div>
</div>


<div class="sidebar-block">
    <div class="sidebar-block__header">» Баннер 200x200</div>
    <div class="sidebar-block__content" style="text-align:center;">
        <div style="width:200px;height:200px;background:#ddd;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#666;border:1px dashed #999;">
            <div id="ads-banner_13"></div>
            <script src="https://pulax.ru/adpanel/public/bancode.php?id=13" async></script>
        </div>
    </div>
</div>            </aside>
        </div>
    </div>

    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>Sfera-Vizit</h4>
                    <p>Система обмена визитами и продвижения сайтов</p>
                    <a href="https://sfera-vizit.ru" target="_blank" style="display:inline-block; text-decoration:none;">
                    <img src="/assets/images/widget.svg" alt="Sfera-Vizit" style="height:18px; width:auto;">
                   </a>
                </div>
                <!--<div class="footer-section">
                    <h4>Разделы</h4>
                    <ul class="footer-links">
                        <li><a href="/">Главная</a></li>
                        <li><a href="/catalog.php">Каталог</a></li>
                        <li><a href="/surf.php">Сёрфинг</a></li>
                        <li><a href="/ads.php">Реклама</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Сервисы</h4>
                    <ul class="footer-links">
                        <li><a href="/aut_surf.php">Автосёрфинг</a></li>
                        <li><a href="/traffic-exchange.php">Биржа трафика</a></li>
                        <li><a href="/seo-tools.php">SEO-инструменты</a></li>
                    </ul>
                </div>-->
                <div class="footer-section">
                    <h4>Информация</h4>
                    <ul class="footer-links">
                        <li><a href="/about.php">О проекте</a></li>
                        <li><a href="/rules.php">Правила</a></li>
                        <li><a href="/contacts.php">Контакты</a></li>
                        <li><a href="/faq.php">FAQ</a></li>
                    </ul>
                </div>
            </div>
            
            <!-- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=104685485&amp;from=informer" target="_blank" rel="nofollow">
    <img src="https://informer.yandex.ru/informer/104685485/3_0_FFFFFFFF_EFEFEFFF_0_pageviews"
         style="width:88px; height:31px; border:0;"
         alt="Яндекс.Метрика"
         title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)"
        class="ym-advanced-informer" data-cid="104685485" data-lang="ru"/>
</a>
<!-- /Yandex.Metrika informer -->

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=104685485', 'ym');

    ym(104685485, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
</script>
<!-- /Yandex.Metrika counter -->
            
            <div class="footer-bottom">
                <p>&copy; 2026 Sfera-Vizit. Все права защищены.</p>
                <p style="font-size:11px;color:#999;">
                    Дата: 09.06.2026 09:29                </p>
            </div>
        </div>
    </footer>
</body>
</html>