<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/svg+xml" href="robot.svg">
  <!-- SEO -->
  <title>Бесплатные SEO инструменты онлайн — seo-marazm.ru</title>
  <meta name="description" content="Набор бесплатных утилит для SEO-специалистов: валидатор robots.txt с поддержкой Google/Yandex и инструмент для сравнения списков URL.">
  
  <style>
    :root {
      --primary: #2196F3;
      --primary-hover: #1976D2;
      --bg: #f9f9f9;
      --text: #333;
      --card-bg: #fff;
      --shadow: 0 4px 6px rgba(0,0,0,0.1);
      --shadow-hover: 0 8px 15px rgba(0,0,0,0.15);
    }

    body { 
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
        line-height: 1.6; 
        padding: 40px 20px; 
        max-width: 1000px; 
        margin: 0 auto; 
        background: var(--bg); 
        color: var(--text); 
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 100vh;
    }

    header {
        text-align: center;
        margin-bottom: 50px;
    }

    h1 {
        font-size: 2.5rem;
        margin-bottom: 10px;
        color: var(--text);
    }

    p.subtitle {
        font-size: 1.2rem;
        color: #666;
        max-width: 600px;
        margin: 0 auto;
    }

    /* Сетка инструментов */
    .tools-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
        width: 100%;
    }

    /* Карточка инструмента */
    .tool-card {
        background: var(--card-bg);
        border-radius: 12px;
        padding: 30px;
        box-shadow: var(--shadow);
        text-decoration: none;
        color: var(--text);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border: 1px solid transparent;
    }

    .tool-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow-hover);
        border-color: #e3f2fd;
    }

    .tool-icon {
        font-size: 3rem;
        margin-bottom: 20px;
    }

    .tool-title {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 10px;
        color: var(--primary);
    }

    .tool-desc {
        font-size: 1rem;
        color: #555;
        margin-bottom: 20px;
        flex-grow: 1;
    }

    .tool-link {
        font-weight: 600;
        color: var(--primary);
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .tool-link::after {
        content: "→";
        font-size: 1.2em;
        transition: transform 0.2s;
    }

    .tool-card:hover .tool-link::after {
        transform: translateX(5px);
    }

    footer {
        margin-top: auto;
        padding-top: 60px;
        color: #999;
        font-size: 0.9rem;
    }

  </style>
</head>
<body>

  <header>
    <h1>SEO Marazm Tools</h1>
    <p class="subtitle">Сборник простых и полезных инструментов для автоматизации рутины SEO-специалиста. Быстро, бесплатно, без регистрации.</p>
  </header>

  <div class="tools-grid">
    
    <!-- Карточка 1: Robots.txt -->
    <a href="robots.html" class="tool-card">
        <div class="tool-icon">🤖</div>
        <div class="tool-title">Валидатор Robots.txt</div>
        <div class="tool-desc">
            Профессиональная проверка правил индексации. 
            Понимает User-Agent, Clean-param. Умеет обходить блокировки сайтов и показывает, какое именно правило запрещает доступ.
        </div>
        <span class="tool-link">Открыть инструмент</span>
    </a>

    <!-- Карточка 2: Сравнение списков -->
    <a href="compare.html" class="tool-card">
        <div class="tool-icon">⚖️</div>
        <div class="tool-title">Сравнение URL</div>
        <div class="tool-desc">
            Быстрое сравнение двух списков ссылок. 
            Находит общие вхождения, показывает уникальные URL для каждого списка. Идеально для сверки Sitemap и выгрузок парсеров.
        </div>
        <span class="tool-link">Открыть инструмент</span>
    </a>

  </div>

  <footer>
    &copy; 2023-2024 seo-marazm.ru | Tools for SEO Professionals
  </footer>
<!-- 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=105546744', 'ym');

    ym(105546744, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/105546744" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</body>
</html>