It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://soundfx.ru

  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4.    <meta charset="utf-8">
  5.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3">
  7.    <title>Звуки Природы Слушать Онлайн Бесплатно | Релакс Музыка для Сна и Отдыха 🎧</title>
  8.    <meta name="description" content="🎧 Погрузитесь в мир гармонии! Слушайте онлайн бесплатно высококачественные звуки природы: дождь, лес, море, пение птиц, шум водопада. Идеально для релаксации, медитации, глубокого сна, снятия стресса и создания уютной атмосферы. Большая коллекция природных мелодий на SoundFX.ru."/>
  9.    <meta name="keywords" content="звуки природы, слушать онлайн, бесплатно, релакс музыка, для сна, для отдыха, медитация, шум дождя, пение птиц, звуки леса, звуки моря, водопад, гроза, природные звуки, белый шум, SoundFX" />
  10.    <meta name="author" content="MS Corp" />
  11.    <meta name="copyright" content="soundfx.ru">
  12.    <meta name="robots" content="index, follow"> <!-- Убран noindex, nofollow, так как это главная страница -->
  13.    <meta name="revisit-after" content="7 days"> <!-- Немного уменьшил период -->
  14.    <meta name="theme-color" content="#2E7D32"> <!-- Темно-зеленый цвет, ассоциирующийся с природой -->
  15.  
  16.    <!-- Favicon и иконки для разных устройств -->
  17.    <link rel="icon" href="/favicon.ico" type="image/x-icon">
  18.    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
  19.    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
  20.    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
  21.    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
  22.    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
  23.    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
  24.    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
  25.    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
  26.    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
  27.    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
  28.    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  29.    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
  30.    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  31.    <link rel="manifest" href="/manifest.json">
  32.    <meta name="msapplication-TileColor" content="#2E7D32"> <!-- Соответствие theme-color -->
  33.    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
  34.  
  35.    <!-- Подключение стилей -->
  36.    <link href="_include/css/bootstrap.min.css" rel="stylesheet"> <!-- Предпочтительно minified версии -->
  37.    <link href="_include/css/style.css" rel="stylesheet">
  38.    <!-- Дополнительные стили, если нужны -->
  39.    <link rel="stylesheet" href="_include/css/main-page-styles.css"> <!-- Новый файл для стилей главной страницы -->
  40.  
  41.    <!-- Canonical URL -->
  42.    <link rel="canonical" href="https://soundfx.ru/" />
  43.  
  44.    <!-- Open Graph (OG) для социальных сетей -->
  45.    <meta property="og:locale" content="ru_RU"/>
  46.    <meta property="og:type" content="website"/>
  47.    <meta property="og:title" content="Звуки Природы Слушать Онлайн Бесплатно 🎧 SoundFX.ru"/>
  48.    <meta property="og:description" content="Погрузитесь в мир гармонии! Слушайте онлайн бесплатно высококачественные звуки природы: дождь, лес, море, пение птиц, шум водопада. Идеально для релаксации, медитации, глубокого сна, снятия стресса и создания уютной атмосферы."/>
  49.    <meta property="og:url" content="https://soundfx.ru/"/>
  50.    <meta property="og:site_name" content="SoundFX.ru - Звуки Природы и Рингтоны"/>
  51.    <meta property="og:image" content="https://soundfx.ru/img/og-image-nature.jpg"/> <!-- Более релевантное изображение, абсолютный путь -->
  52.    <meta property="og:image:width" content="1200" />
  53.    <meta property="og:image:height" content="630" />
  54.    <meta property="og:image:alt" content="Красивый пейзаж с природой и расслабляющими звуками" />
  55.  
  56.    <!-- Dublin Core (DC) - можно оставить, но OG часто более приоритетны -->
  57.    <meta name="DC.Title" content="Звуки Природы Слушать Онлайн Бесплатно"/>
  58.    <meta name="DC.Creator" content="soundfx.ru">
  59.    <meta name="DC.Subject" content="Звуки природы, релакс, музыка для сна, медитация"/>
  60.    <meta name="DC.Description" content="Коллекция высококачественных звуков природы для расслабления, сна и снятия стресса."/>
  61.    <meta name="DC.Publisher" content="MS Corp">
  62.    <meta name="DC.Type" content="Sound, WebPage"> <!-- Изменено на WebPage -->
  63.    <meta name="DC.Format" content="text/html"/> <!-- Более точный формат -->
  64.    <meta name="DC.Identifier" content="https://soundfx.ru/"/>
  65.    <meta name="DC.Language" content="ru-RU">
  66.    <meta name="DC.Coverage" content="World">
  67.    <meta name="DC.Rights" content="© 2025 soundfx.ru"> <!-- Обновлен копирайт -->
  68.  
  69.    <!-- Inline-стили для базового внешнего вида, остальное лучше вынести в main-page-styles.css -->
  70.    <style>
  71.        body {
  72.            font-family: 'Arial', sans-serif;
  73.            line-height: 1.6;
  74.            color: #333;
  75.            background-color: #e8f5e9; /* Светло-зеленый, напоминающий о природе */
  76.            margin: 0;
  77.            padding: 0;
  78.            display: flex; /* Flexbox для прикрепления футера к низу */
  79.            flex-direction: column;
  80.            min-height: 100vh; /* Минимальная высота для всего viewport */
  81.        }
  82.        .main-content {
  83.            flex: 1; /* Основное содержимое будет занимать все доступное пространство */
  84.        }
  85.        .container-main {
  86.            max-width: 1200px;
  87.            margin-left: auto;
  88.            margin-right: auto;
  89.            padding: 0 15px;
  90.            box-sizing: border-box;
  91.        }
  92.        header.site-header {
  93.            background-color: #4CAF50; /* Зеленый цвет */
  94.            color: white;
  95.            padding: 40px 0;
  96.            text-align: center;
  97.            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  98.            margin-bottom: 30px;
  99.        }
  100.        header.site-header h1 {
  101.            font-size: 3.8em;
  102.            margin: 0 0 15px;
  103.            text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  104.            font-weight: 800;
  105.        }
  106.        header.site-header p {
  107.            font-size: 1.5em;
  108.            max-width: 800px;
  109.            margin: 0 auto;
  110.            color: #e0f2f1;
  111.        }
  112.        .top-ad-block {
  113.            padding: 20px 0;
  114.            text-align: center;
  115.            background-color: #f0f4c3; /* Светло-желтый для рекламы */
  116.            margin-bottom: 20px;
  117.            border-radius: 8px;
  118.            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  119.        }
  120.        .categories-section {
  121.            background-color: #ffffff;
  122.            padding: 30px;
  123.            border-radius: 12px;
  124.            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  125.            margin-bottom: 30px;
  126.        }
  127.        .categories-section h2 {
  128.            font-size: 2.5em;
  129.            color: #2E7D32;
  130.            text-align: center;
  131.            margin-bottom: 30px;
  132.            font-weight: 700;
  133.        }
  134.        #flavor-nav {
  135.            text-align: center;
  136.            margin-bottom: 30px;
  137.            padding: 15px;
  138.            background-color: #f9f9f9;
  139.            border-radius: 8px;
  140.            box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  141.        }
  142.        #flavor-nav a {
  143.            display: inline-block;
  144.            padding: 10px 20px;
  145.            margin: 5px;
  146.            background-color: #cfd8dc; /* Светло-серый */
  147.            color: #424242;
  148.            text-decoration: none;
  149.            border-radius: 20px;
  150.            transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
  151.            font-weight: bold;
  152.            font-size: 1.1em;
  153.        }
  154.        #flavor-nav a:hover {
  155.            background-color: #90a4ae; /* Темнее при наведении */
  156.            color: white;
  157.            transform: translateY(-2px);
  158.        }
  159.        #flavor-nav a.current {
  160.            background-color: #4CAF50; /* Зеленый для активной */
  161.            color: white;
  162.            box-shadow: 0 3px 8px rgba(76,175,80,0.4);
  163.        }
  164.        .grid-container {
  165.            display: grid;
  166.            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  167.            gap: 25px; /* Увеличенный отступ */
  168.            margin-top: 20px;
  169.        }
  170.        .thumb { /* Переименован из .col-md-3 и т.д. для грида */
  171.            background-color: #fcfcfc;
  172.            border: 1px solid #e0e0e0;
  173.            border-radius: 10px;
  174.            overflow: hidden;
  175.            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  176.            transition: transform 0.3s ease, box-shadow 0.3s ease;
  177.            display: flex;
  178.            flex-direction: column;
  179.            justify-content: space-between;
  180.        }
  181.        .thumb:hover {
  182.            transform: translateY(-5px);
  183.            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  184.        }
  185.        .thumb a p {
  186.            font-size: 1.25em;
  187.            font-weight: bold;
  188.            color: #333;
  189.            text-align: center;
  190.            padding: 15px 10px 5px;
  191.            margin: 0;
  192.            line-height: 1.3;
  193.        }
  194.        .thumb a p:hover {
  195.            color: #4CAF50; /* Зеленый при наведении на текст */
  196.        }
  197.        .thumb img {
  198.            width: 100%;
  199.            height: 200px; /* Фиксированная высота для всех изображений */
  200.            object-fit: cover; /* Обрезает изображение, сохраняя пропорции */
  201.            display: block;
  202.            border-top: 1px solid #eee;
  203.            border-bottom: 1px solid #eee;
  204.        }
  205.        .bottom-ad-block {
  206.            padding: 20px 0;
  207.            text-align: center;
  208.            background-color: #ffe082; /* Желтый для рекламы */
  209.            margin-top: 30px;
  210.            margin-bottom: 30px;
  211.            border-radius: 8px;
  212.            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  213.        }
  214.        .additional-links-section {
  215.            background-color: #f1f8e9; /* Светлый зеленый */
  216.            padding: 30px;
  217.            border-radius: 12px;
  218.            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  219.            margin-bottom: 30px;
  220.        }
  221.        .additional-links-section h2 {
  222.            font-size: 2em;
  223.            color: #388E3C;
  224.            text-align: center;
  225.            margin-bottom: 25px;
  226.            font-weight: 600;
  227.        }
  228.        .additional-links-section .menu-grid {
  229.            display: grid;
  230.            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  231.            gap: 10px;
  232.        }
  233.        .additional-links-section ul {
  234.            list-style: none;
  235.            padding: 0;
  236.            margin: 0;
  237.        }
  238.        .additional-links-section ul li {
  239.            margin-bottom: 5px;
  240.        }
  241.        .additional-links-section ul li a {
  242.            display: block;
  243.            padding: 8px 12px;
  244.            background-color: #c8e6c9; /* Светло-зеленый фон ссылки */
  245.            color: #2E7D32;
  246.            text-decoration: none;
  247.            border-radius: 5px;
  248.            transition: background-color 0.3s ease, color 0.3s ease;
  249.            font-size: 1em;
  250.            white-space: nowrap; /* Чтобы ссылки не переносились */
  251.            overflow: hidden;
  252.            text-overflow: ellipsis;
  253.        }
  254.        .additional-links-section ul li a:hover {
  255.            background-color: #a5d6a7; /* Темнее при наведении */
  256.            color: #1B5E20;
  257.            text-decoration: none;
  258.        }
  259.  
  260.        footer.site-footer {
  261.            background-color: #2E7D32; /* Темно-зеленый */
  262.            color: #c8e6c9;
  263.            padding: 25px 0;
  264.            text-align: center;
  265.            margin-top: auto; /* Прикрепляет футер к низу */
  266.            box-shadow: 0 -4px 10px rgba(0,0,0,0.2);
  267.        }
  268.        footer.site-footer p {
  269.            margin: 0;
  270.            font-size: 0.95em;
  271.        }
  272.        footer.site-footer a {
  273.            color: #a5d6a7;
  274.            text-decoration: none;
  275.        }
  276.        footer.site-footer a:hover {
  277.            text-decoration: underline;
  278.        }
  279.  
  280.        /* Адаптивность для мобильных */
  281.        @media (max-width: 768px) {
  282.            header.site-header h1 {
  283.                font-size: 2.5em;
  284.            }
  285.            header.site-header p {
  286.                font-size: 1.2em;
  287.            }
  288.            .categories-section h2 {
  289.                font-size: 2em;
  290.            }
  291.            #flavor-nav a {
  292.                padding: 8px 15px;
  293.                font-size: 1em;
  294.            }
  295.            .grid-container {
  296.                grid-template-columns: 1fr; /* Одна колонка на мобильных */
  297.                gap: 15px;
  298.            }
  299.            .thumb img {
  300.                height: 180px;
  301.            }
  302.            .thumb a p {
  303.                font-size: 1.1em;
  304.            }
  305.            .additional-links-section .menu-grid {
  306.                grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); /* Более мелкие колонки для меню */
  307.            }
  308.        }
  309.    </style>
  310. </head>
  311. <body oncopy="return false;">
  312.    <div class="main-content">
  313.        <header class="site-header">
  314.            <div class="container-main">
  315.                <h1>Звуки Природы Слушать Онлайн Бесплатно 🎧</h1>
  316.                <p>Погрузитесь в мир гармонии! На SoundFX.ru вы найдете обширную коллекцию высококачественных звуков природы для релаксации, медитации, улучшения сна и снятия стресса.</p>
  317.            </div>
  318.        </header>
  319.  
  320.        <!-- Yandex.RTB R-A-1766539-2 - Верхний рекламный блок -->
  321.        <div class="top-ad-block container-main" id="yandex_rtb_R-A-1766539-2"></div>
  322.  
  323.        <section class="categories-section container-main">
  324.            <h2>Выберите свою стихию и настроение</h2>
  325.            <nav id="flavor-nav">
  326.                <a href="#nogo" rel="water">Вода</a>
  327.                <a href="#nogo" rel="air">Воздух</a>
  328.                <a href="#nogo" rel="fire">Огонь</a>
  329.                <a href="#nogo" rel="earth">Земля</a><br>
  330.                <a href="#nogo" rel="all" class="current">Все звуки</a>
  331.            </nav>
  332.  
  333.            <div class="grid-container" id="category-grid">
  334.                <!-- Категории звуков с картинками -->
  335.                <div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
  336.                    <a href="muzika-dlia-sna.html" title="Музыка для сна и глубокой релаксации">
  337.                        <p itemprop="name">Музыка для сна</p>
  338.                        <img loading="lazy" src="_include/img/index/dlia-sna-min.jpg" alt="Расслабляющая музыка для сна" title="Музыка для сна" itemprop="contentUrl"/>
  339.                    </a>
  340.                </div>
  341.                <div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
  342.                    <a href="dlya-uspokoeniya-nervov.html" title="Музыка для успокоения нервов и снятия стресса">
  343.                        <p itemprop="name">Успокоение нервов</p>
  344.                        <img loading="lazy" src="_include/img/index/uspokoenie.jpg" alt="Музыка для успокоения нервов" title="Музыка для успокоения нервов" itemprop="contentUrl"/>
  345.                    </a>
  346.                </div>
  347.                <div class="flavor all fire thumb" itemscope itemtype="http://schema.org/ImageObject">
  348.                    <a href="fire.html" title="Треск огня в камине для уюта и тепла">
  349.                        <p itemprop="name">Треск огня</p>
  350.                        <img loading="lazy" src="_include/img/index/image-01.jpg" alt="Треск огня в камине" title="Треск огня в камине" itemprop="contentUrl"/>
  351.                    </a>
  352.                </div>
  353.                <div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
  354.                    <a href="zvuki-moria.html" title="Звуки морского прибоя и океана">
  355.                        <p itemprop="name">Океан</p>
  356.                        <img loading="lazy" src="_include/img/index/image-02.jpg" alt="Звуки моря" title="Звуки моря" itemprop="contentUrl"/>
  357.                    </a>
  358.                </div>
  359.                <div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
  360.                    <a href="zvuki-dojdia.html" title="Шум дождя для расслабления и сна">
  361.                        <p itemprop="name">Шум дождя</p>
  362.                        <img loading="lazy" src="_include/img/index/image-03.jpg" alt="Дождь" title="Шум дождя" itemprop="contentUrl"/>
  363.                    </a>
  364.                </div>
  365.                <div class="flavor all earth thumb" itemscope itemtype="http://schema.org/ImageObject">
  366.                    <a href="zvuki-lesa.html" title="Звуки леса онлайн: пение птиц, шелест листвы">
  367.                        <p itemprop="name">Лес онлайн</p>
  368.                        <img loading="lazy" src="_include/img/index/image-04.jpg" alt="Звуки леса" title="Звуки леса" itemprop="contentUrl"/>
  369.                    </a>
  370.                </div>
  371.                <div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
  372.                    <a href="murchanie-kota.html" title="Успокаивающее мурчанье кота">
  373.                        <p itemprop="name">Мурчанье кота</p>
  374.                        <img loading="lazy" src="_include/img/index/image-05.jpg" alt="Мурчанье кота" title="Мурчанье кота" itemprop="contentUrl"/>
  375.                    </a>
  376.                </div>
  377.                <div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
  378.                    <a href="birds.html" title="Мелодичное пение птиц">
  379.                        <p itemprop="name">Пение птиц</p>
  380.                        <img loading="lazy" src="_include/img/index/image-06.jpg" alt="Пение птиц" title="Пение птиц" itemprop="contentUrl"/>
  381.                    </a>
  382.                </div>
  383.                <div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
  384.                    <a href="zvuki-delfinov.html" title="Уникальные песни дельфинов">
  385.                        <p itemprop="name">Песни дельфинов</p>
  386.                        <img loading="lazy" src="_include/img/index/image-07.jpg" alt="Песни дельфинов" title="Песни дельфинов" itemprop="contentUrl"/>
  387.                    </a>
  388.                </div>
  389.                <div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
  390.                    <a href="waterfall.html" title="Могучие звуки водопада">
  391.                        <p itemprop="name">Водопад</p>
  392.                        <img loading="lazy" src="_include/img/index/image-08.jpg" alt="Звуки водопада" title="Звуки водопада" itemprop="contentUrl"/>
  393.                    </a>
  394.                </div>
  395.                <div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
  396.                    <a href="foreststream.html" title="Спокойный горный ручей">
  397.                        <p itemprop="name">Горный ручей</p>
  398.                        <img loading="lazy" src="_include/img/index/image-09.jpg" alt="Горный ручей" title="Горный ручей" itemprop="contentUrl"/>
  399.                    </a>
  400.                </div>
  401.                <div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
  402.                    <a href="swamp.html" title="Атмосферные звуки болота 3D">
  403.                        <p itemprop="name">Болото 3D</p>
  404.                        <img loading="lazy" src="_include/img/index/image-10.jpg" alt="Звуки болота" title="Звуки болота" itemprop="contentUrl"/>
  405.                    </a>
  406.                </div>
  407.                <div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
  408.                    <a href="owlshooting.html" title="Загадочное уханье совы">
  409.                        <p itemprop="name">Уханье совы</p>
  410.                        <img loading="lazy" src="_include/img/index/image-11.jpg" alt="Уханье совы" title="Уханье совы" itemprop="contentUrl"/>
  411.                    </a>
  412.                </div>
  413.                <div class="flavor all earth thumb" itemscope itemtype="http://schema.org/ImageObject">
  414.                    <a href="snowcrunching.html" title="Хруст снега под ногами">
  415.                        <p itemprop="name">Хруст снега</p>
  416.                        <img loading="lazy" src="_include/img/index/image-12.jpg" alt="Хруст снега" title="Хруст снега" itemprop="contentUrl"/>
  417.                    </a>
  418.                </div>
  419.                <div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
  420.                    <a href="zvuki-vodi.html" title="Разнообразные звуки воды">
  421.                        <p itemprop="name">Звук воды</p>
  422.                        <img loading="lazy" src="_include/img/index/water.jpg" alt="Звуки воды" title="Звук воды" itemprop="contentUrl"/>
  423.                    </a>
  424.                </div>
  425.                <div class="flavor all earth thumb" itemscope itemtype="http://schema.org/ImageObject">
  426.                    <a href="zvuki-jivotnih.html" title="Голоса диких и домашних животных">
  427.                        <p itemprop="name">Животных</p>
  428.                        <img loading="lazy" src="_include/img/zhivotnye.jpg" alt="Звуки животных" title="Звуки животных" itemprop="contentUrl"/>
  429.                    </a>
  430.                </div>
  431.                <div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
  432.                    <a href="zvuki-kosmosa.html" title="Мистические звуки космоса">
  433.                        <p itemprop="name">Космоса</p>
  434.                        <img loading="lazy" src="_include/img/index/kosmos-m.jpg" alt="Звуки космоса" title="Звуки космоса" itemprop="contentUrl"/>
  435.                    </a>
  436.                </div>
  437.                <div class="flavor all water thumb" itemscope itemtype="http://schema.org/ImageObject">
  438.                    <a href="zvuki-grozi.html" title="Мощные звуки грозы и молний">
  439.                        <p itemprop="name">Грозы</p>
  440.                        <img loading="lazy" src="_include/img/index/groza-m.jpg" alt="Звуки грозы" title="Звуки грозы" itemprop="contentUrl"/>
  441.                    </a>
  442.                </div>
  443.                <div class="flavor all air thumb" itemscope itemtype="http://schema.org/ImageObject">
  444.                    <a href="cristmas-songs.html" title="Новогодняя музыка и рождественские мелодии">
  445.                        <p itemprop="name">Новый год</p>
  446.                        <img loading="lazy" src="_include/img/index/ng.jpg" alt="Новогодние и рождественские песни" title="Новогодние и рождественские песни" itemprop="contentUrl"/>
  447.                    </a>
  448.                </div>
  449.                <div class="flavor all earth thumb" itemscope itemtype="http://schema.org/ImageObject">
  450.                    <a href="zvuki-poezda.html" title="Звуки поезда в пути">
  451.                        <p itemprop="name">Поезда</p>
  452.                        <img loading="lazy" src="_include/img/index/poezd.jpg" alt="Звуки поезда" title="Звуки поезда" itemprop="contentUrl"/>
  453.                    </a>
  454.                </div>
  455.                <!-- Добавьте другие категории по аналогии -->
  456.            </div>
  457.        </section>
  458.  
  459.        <!-- Yandex.RTB R-A-1766539-1 - Нижний рекламный блок -->
  460.        <div class="bottom-ad-block container-main" id="yandex_rtb_R-A-1766539-1"></div>
  461.  
  462.        <section class="additional-links-section container-main">
  463.            <h2>Дополнительные категории и жанры</h2>
  464.            <div class="menu-grid">
  465.                <ul>
  466.                    <li><a title="Рингтоны на телефон" href="ringtony.html">Рингтоны на телефон</a></li>
  467.                    <li><a title="Музыка для беременных" href="muzika-dlia-beremennih.html">Музыка для беременных</a></li>
  468.                    <li><a title="Музыка для медитаций" href="muzika-dlia-meditaciy.html">Музыка для медитаций</a></li>
  469.                    <li><a title="Звуки на смс" href="zvuki-na-sms.html">Звуки на смс</a></li>
  470.                    <li><a title="Музыка для души" href="muzika-dlia-dushi.html">Музыка для души</a></li>
  471.                    <li><a title="Красивые мелодии" href="krasivie-melodii.html">Красивые мелодии</a></li>
  472.                    <li><a title="Мелодии без слов" href="melodii-bez-slov.html">Мелодии без слов</a></li>
  473.                    <li><a title="Relax music" href="relax-music.html">Relax music</a></li>
  474.                </ul>
  475.                <ul>
  476.                    <li><a title="Мелодия на будильник" href="melodii-na-budilnik.html">Мелодия на будильник</a></li>
  477.                    <li><a title="Мелодия скрипки" href="melodia-skripki.html">Мелодия скрипки</a></li>
  478.                    <li><a title="Relaxing music" href="rasslablayushaya-muzika.html">Relaxing music</a></li>
  479.                    <li><a title="Музыка для массажа" href="music-for-massage.html">Музыка для массажа</a></li>
  480.                    <li><a title="Русские народные песни" href="russkie-narodnie.html">Русские народные песни</a></li>
  481.                    <li><a title="Песни для детей" href="muzika-dlia-detey.html">Песни для детей</a></li>
  482.                    <li><a title="Музыка пианино" href="zvuki-pianino.html">Музыка пианино</a></li>
  483.                    <li><a title="Инструментальная музыка" href="instrumentalnaya-muzika.html">Инструментальная музыка</a></li>
  484.                </ul>
  485.                <ul>
  486.                    <li><a title="Звук айфона" href="zvuk-iphona.html">Звук айфона</a></li>
  487.                    <li><a title="Samsung" href="skachat-zvuk-samsung.html">Samsung</a></li>
  488.                    <li><a title="Часы" href="zvuk-chasov.html">Часы</a></li>
  489.                    <li><a title="Звуки машины" href="zvuki-mashini.html">Машина</a></li>
  490.                    <li><a title="Звуки двери" href="zvuki-dveri.html">Дверь</a></li>
  491.                    <li><a title="Звуки самолета" href="zvuki-samoleta.html">Самолет</a></li>
  492.                    <li><a title="Звуки попугая" href="zvuki-popugaya.html">Попугай</a></li>
  493.                    <li><a title="Звуки поцелуя" href="zvuki-poceluya.html">Поцелуй</a></li>
  494.                </ul>
  495.                <ul>
  496.                    <li><a title="Для йоги" href="muzika-dlia-yogi.html">Для йоги</a></li>
  497.                    <li><a title="Мантры" href="mantri.html">Мантры</a></li>
  498.                    <li><a title="Белый шум" href="beliy-shum.html">Белый шум</a></li>
  499.                    <li><a title="Классические композиторы" href="klassika.html">Классическая музыка</a></li>
  500.                    <li><a title="Колыбельные" href="kolibelnie-pesni.html">Колыбельные</a></li>
  501.                    <li><a title="Мелодия флейты" href="melodia-fleyti.html">Мелодия флейты</a></li>
  502.                    <li><a title="Лай собаки" href="lay-sobaki.html">Лай собаки</a></li>
  503.                    <li><a title="Звуки смеха" href="zvuki-smeha.html">Звуки смеха</a></li>
  504.                </ul>
  505.            </div>
  506.        </section>
  507.    </div>
  508.  
  509.    <footer class="site-footer">
  510.        <div class="container-main">
  511.            <p>© 2025 <a href="https://soundfx.ru/">soundfx.ru</a> MS Corp ™. Все права защищены.</p>
  512.            <p>Ваш источник высококачественных звуков природы и релакс-музыки.</p>
  513.        </div>
  514.    </footer>
  515.  
  516.    <!-- Подключение скриптов -->
  517.    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script> <!-- jQuery сначала, без async -->
  518.    <script src="_include/js/bootstrap.min.js"></script> <!-- Bootstrap JS -->
  519.    <script src="_include/js/flavor.js"></script> <!-- Ваш скрипт для фильтрации -->
  520.  
  521.    <!-- Yandex.Metrika counter -->
  522.    <script type="text/javascript" >
  523.        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
  524.        m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
  525.        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
  526.  
  527.        ym(88690093, "init", {
  528.            clickmap:true,
  529.            trackLinks:true,
  530.            accurateTrackBounce:true,
  531.            webvisor:true
  532.        });
  533.    </script>
  534.    <noscript><div><img src="https://mc.yandex.ru/watch/88690093" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  535.    <!-- /Yandex.Metrika counter -->
  536.  
  537.    <script src="https://yandex.ru/ads/system/context.js" async></script>
  538.    <script>
  539.        document.addEventListener('DOMContentLoaded', function() {
  540.            // Инициализация Яндекс.РТБ для верхнего блока
  541.            window.yaContextCb=window.yaContextCb||[];
  542.            window.yaContextCb.push(()=>{
  543.                Ya.Context.AdvManager.render({
  544.                    "blockId": "R-A-1766539-2",
  545.                    "renderTo": "yandex_rtb_R-A-1766539-2"
  546.                })
  547.            });
  548.  
  549.            // Инициализация Яндекс.РТБ для нижнего блока
  550.            window.yaContextCb.push(()=>{
  551.                Ya.Context.AdvManager.render({
  552.                    "blockId": "R-A-1766539-1",
  553.                    "renderTo": "yandex_rtb_R-A-1766539-1"
  554.                })
  555.            });
  556.  
  557.            // Дополнительная инициализация flavor.js, если она не срабатывает автоматически
  558.            // Предполагается, что flavor.js использует jQuery, поэтому он должен быть загружен
  559.            // и DOM должен быть готов
  560.            if (typeof $.fn.flavorize === 'function') { // Проверка, что плагин существует
  561.                $('#flavor-nav a').flavorize({
  562.                    target: '.grid-container',
  563.                    filter: '.flavor',
  564.                    all: 'all'
  565.                });
  566.            } else {
  567.                console.warn("Flavorize plugin is not loaded or not correctly initialized.");
  568.            }
  569.        });
  570.    </script>
  571. </body>
  572. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda