<!DOCTYPE html>
<html lang="en">
  {{> head }}
  <body>
    <div id="app">
      {{> header-banner}} {{> header}}
      <main class="main">
        <div class="hero">
          <div class="container hero__container">
            <div class="hero__inner">
              <a href="#" class="hero-banner">
                <div class="hero-banner__bg">
                  <img src="/images/hero_banner_bg.jpg" alt="" />
                </div>
                <p class="hero-banner__main">Главное</p>
                <div class="hero-banner__content">
                  <p class="hero-banner__title subtitle-16">
                    На одной из птицефабрик Красноярского края выявили опасные
                    вирусы
                  </p>
                  <p class="hero-banner__text text-13">
                    С 29 по 31 января на территории Международного выставочного
                    центра «Казань Экспо» состоится VI специализированная
                    сельскохозяйственная выставка достижений АПК –
                    «ТатАгроЭкспо»
                  </p>
                </div>
                <div class="tag hero-banner__tag">Безопасность продукции</div>
              </a>
              {{> most-read class='hero__most-read'}}
            </div>
          </div>
        </div>
        <div class="menu">
          <div class="container">
            <div class="menu__inner">
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link1.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon1.svg" alt="#" />
                </div>
                <span class="menu-link__text">Законодательство</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link2.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon2.svg" alt="#" />
                </div>
                <span class="menu-link__text">Безопасность продукции</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link3.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon3.svg" alt="#" />
                </div>
                <span class="menu-link__text">Растения</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link4.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon4.svg" alt="#" />
                </div>
                <span class="menu-link__text">Зерно</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link5.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon5.svg" alt="#" />
                </div>
                <span class="menu-link__text">Семена</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link6.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon6.svg" alt="#" />
                </div>
                <span class="menu-link__text">Земля</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link7.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon7.svg" alt="#" />
                </div>
                <span class="menu-link__text">Животные, рыба, птица</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link8.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon8.svg" alt="#" />
                </div>
                <span class="menu-link__text">Экспорт/Импорт</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link9.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon9.svg" alt="#" />
                </div>
                <span class="menu-link__text">Техника</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link10.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon10.svg" alt="#" />
                </div>
                <span class="menu-link__text">Цифровизация АПК</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link11.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon11.svg" alt="#" />
                </div>
                <span class="menu-link__text">Лаборатория</span>
              </a>
              <a href="#" class="menu-link">
                <div class="menu-link__bg">
                  <img src="/images/menu_link12.png" alt="#" />
                </div>
                <div class="menu-link__icon">
                  <img src="/images/menu_link_icon12.svg" alt="#" />
                </div>
                <span class="menu-link__text">Все события</span>
              </a>
            </div>
          </div>
        </div>
        <div class="container">
          <div class="content">
            <div class="content-left">
              {{> content-sidebar}}
              <div class="content-videos">
                <div class="item-video">
                  <div class="item-video__video-wrapper">
                    <img src="/images/video-preview.png" alt="" />
                    <button class="item-video__button subtitle-20">
                      <img src="/icons/play.svg" alt="" />
                      Интервью
                    </button>
                  </div>
                  <a href="#" class="subtitle-16 item-video__name">
                    На одной из птицефабрик Красноярского края выявили опасные
                    вирусы
                  </a>
                </div>
              </div>
              {{> most-read class='mobile'}}
              <div class="banner-left desktop">
                <a href="https://amur-ref.ru/заказчикам/стоимость-услуг/">
                  <img src="https://agroexpert.art-performance.com/wp-content/uploads/2024/02/240x400_3.gif" alt="">
                </a>
              </div>
            </div>
            <div class="content-middle articles-wrapper">
              <div class="articles-preview">
                {{> article-item}} {{> article-item}} {{> article-item}} {{>
                article-item}} {{> banner-middle}} {{> article-item}} {{>
                article-item}} {{> article-item}} {{> article-item}} {{>
                article-item}}
              </div>
              {{> articles-show-more}}
            </div>
            <div class="content-right">
              <form class="subscribe-form">
                <p class="subscribe-form__title subtitle-20">
                  Подписка на рассылку
                </p>
                <p class="subscribe-form__text text-13">
                  Подпишитесь на нашу рассылку и будьте в курсе всех новостей
                </p>
                <input
                  type="text"
                  class="input subscribe-form__input"
                  placeholder="Ваш e-mail"
                />
                <button type="submit" class="button subscribe-form__btn">
                  Подписаться
                </button>
              </form>
              <div class="law">
                <h3 class="subtitle-20 right-title">Законодательство</h3>
                <div class="content-right__links">
                  <div class="doc">
                    <a href="#" class="content-right__link-item link">
                      Ретейл могут обязать выделять полки местным производителям
                    </a>
                  </div>
                  <div class="doc">
                    <a href="#" class="content-right__link-item link">
                      Ретейл могут обязать выделять полки местным производителям
                    </a>
                  </div>
                </div>
              </div>
              <div class="banner-left">
                <a href="https://amur-ref.ru/заказчикам/стоимость-услуг/">
                  <img src="https://agroexpert.art-performance.com/wp-content/uploads/2024/02/240x400_3.gif" alt="">
                </a>
              </div>
              <div class="banner-left">
                <a href="https://amur-ref.ru/заказчикам/стоимость-услуг/">
                  <img src="https://agroexpert.art-performance.com/wp-content/uploads/2024/02/240x400_3.gif" alt="">
                </a>
              </div>
            </div>
          </div>
        </div>
      </main>
      <footer class="footer">
        <div class="footer-top">
          <div class="container footer__conatiner">
            <div class="footer-top__inner">
              <a href="#" class="logo footer__logo">
                <img src="/images/logo.svg" alt="Агроэксперт" />
              </a>
              <nav class="nav footer__nav">
                <li class="menu-item">
                  <a href="#">Интервью</a>
                </li>
                <li class="menu-item">
                  <a href="#">Партнеры</a>
                </li>
                <li class="menu-item">
                  <a href="#">Рекламодатели</a>
                </li>
                <li class="menu-item">
                  <a href="#">О проекте</a>
                </li>
                <li class="menu-item">
                  <a href="#">Контакты</a>
                </li>
              </nav>
              <div class="footer-top__right">
                <a href="#" class="to-top">
                  <span>Наверх</span>
                  <svg
                    width="9"
                    height="6"
                    viewBox="0 0 9 6"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <rect
                      x="3.69409"
                      y="1.05029"
                      width="1"
                      height="5.22423"
                      transform="rotate(45 3.69409 1.05029)"
                      fill="black"
                    />
                    <rect
                      width="1"
                      height="6"
                      transform="matrix(-0.707107 0.707107 0.707107 0.707107 4.1333 0.525146)"
                      fill="black"
                    />
                  </svg>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <div class="container">
            <div class="footer-bottom__inner">
              <div class="footer-bottom__text desktop">© 2024 АгроЭксперт</div>
              <a href="#" class="footer-bottom__text footer-bottom__link">
                Политика конфиденциальности
              </a>
              <a href="#" class="footer-bottom__text footer-bottom__link">
                Свидетельство о регистрации электронного СМИ
              </a>
              <div class="socials footer__socials">
                <a href="#" class="social-link">
                  <img src="/images/socials_yt.svg" alt="" />
                </a>
                <a href="#" class="social-link">
                  <img src="/images/socials_vk.svg" alt="" />
                </a>
                <a href="#" class="social-link">
                  <img src="/images/socials_tg.svg" alt="" />
                </a>
              </div>

              <div class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
