<html><head><base href="." />
<meta charset="UTF-8">
<title>Пробив.рф - Социальные сети</title>
<link rel="stylesheet" href="static/css/base.css">
<link rel="stylesheet" href="static/css/components.css">
<link rel="stylesheet" href="static/css/animations.css">
<link rel="stylesheet" href="static/css/utilities.css">
<link rel="stylesheet" href="static/css/overlays.css">
<link rel="stylesheet" href="static/css/social.css">
<link rel="stylesheet" href="static/css/popup.css">
</head>
<body>


<div class="container">
  <a href="/" class="back-button">← Назад</a>
  
  <h1>Социальные сети - Инструменты поиска</h1>
  
  <div class="social-grid">
    <div class="social-card">
      <div class="card-header">
        <svg class="social-icon" viewBox="0 0 24 24">
          <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/>
        </svg>
        <h2>КругОбщения</h2>
      </div>
      <div class="tool-description">
        - Поиск по ID пользователя<br>
        - Анализ групп и подписчиков<br>
        - Поиск по фотографиям<br>
        - История изменений профиля
      </div>
    </div>
    
    <div class="social-card">
      <div class="card-header">
        <svg class="social-icon" viewBox="0 0 24 24">
          <path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
        </svg>
        <h2>БыстроЧат</h2>
      </div>
      <div class="tool-description">
        - Поиск каналов и групп<br>
        - Анализ участников<br>
        - История сообщений<br>
        - Поиск по медиафайлам
      </div>
    </div>
    
 

    <div class="social-card">
      <div class="card-header">
        <svg class="social-icon" viewBox="0 0 24 24">
          <path d="M16.5 13c-1.2 0-3.07.34-4.5 1-1.43-.67-3.3-1-4.5-1C5.33 13 1 14.08 1 16.25V19h22v-2.75c0-2.17-4.33-3.25-6.5-3.25zm-4 4.5h-10v-1.25c0-.54 2.56-1.75 5-1.75s5 1.21 5 1.75v1.25zm9 0H14v-1.25c0-.46-.2-.86-.52-1.22.88-.3 1.96-.53 3.02-.53 2.44 0 5 1.21 5 1.75v1.25zM7.5 12c1.93 0 3.5-1.57 3.5-3.5S9.43 5 7.5 5 4 6.57 4 8.5 5.57 12 7.5 12zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 5.5c1.93 0 3.5-1.57 3.5-3.5S18.43 5 16.5 5 13 6.57 13 8.5s1.57 3.5 3.5 3.5zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z"/>
        </svg>
        <h2>ДрузьяОнлайн</h2>
      </div>
      <div class="tool-description">
        - Поиск по критериям<br>
        - Анализ друзей<br>
        - Поиск по школам/городам<br>
        - История активности
      </div>
    </div>
    
    <div class="social-card">
      <div class="card-header">
        <svg class="social-icon" viewBox="0 0 24 24">
          <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
        </svg>
        <h2>ГородПоиск</h2>
      </div>
      <div class="tool-description">
        - Поиск профилей<br>
        - Локальные сообщества<br>
        - Отзывы и комментарии<br>
        - Активность на картах
      </div>
    </div>

    <div class="social-card">
      <div class="card-header">
        <svg class="social-icon" viewBox="0 0 24 24">
          <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/>
        </svg>
        <h2>ВидеоПортал</h2>
      </div>
      <div class="tool-description">
        - Анализ каналов<br>
        - Поиск по комментариям<br>
        - История загрузок<br>
        - Связанные аккаунты
      </div>
    </div>

    <div class="social-card">
      <div class="card-header">
        <svg class="social-icon" viewBox="0 0 24 24">
          <path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z"/>
        </svg>
        <h2>МедиаСфера</h2>
      </div>
      <div class="tool-description">
        - Поиск видео<br>
        - Анализ профилей<br>
        - Комментарии<br>
        - Связанные каналы
      </div>
    </div>
  </div>
</div>

<script>

document.addEventListener('DOMContentLoaded', function() {
    const cards = document.querySelectorAll('.social-card');
    const popup = document.querySelector('.popup-overlay');
    
    cards.forEach(card => {
        card.addEventListener('click', function() {
          const popupWindow = window.open('/popup-content.php', '_blank', 'width=400,height=300,resizable=yes');
          this.style.transform = 'scale(1.05)';
            setTimeout(() => {
                this.style.transform = 'translateY(-5px)';
            }, 200);
        });
    });


});
</script>


</body></html>