<!DOCTYPE html>
<html lang="en">
  {{> head}}

  <body>
    <div id="app">
      {{> header-banner}} {{> header}}
      <main class="main">
        {{> breadcrumbs middle='Мероприятия' title="Российское растениеводство"
        }}
        <div class="container">
          <div class="content">
            <div class="content-left">
              {{> menu-vertical desktop="true"}}
              <div class="desktop w-full">{{> content-sidebar}}</div>
              <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"></div>
            </div>
            <div class="content-middle articles-wrapper">
              {{> menu-vertical mobile="true"}}

              <div class="event-calendar-mobile mobile border-top">
                <div class="event-calendar__header">
                  <div class="event-calendar__text">
                    <p class="subtitle-16">Календарь мероприятий</p>
                    <span
                      id="event-calendar__today"
                      class="event-calendar__today text-13"
                    ></span>
                  </div>
                  <svg
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <g clip-path="url(#clip0_373_15802)">
                      <path
                        d="M7 10L12 15L17 10"
                        stroke="#7C7C7C"
                        stroke-width="1.5"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                      />
                    </g>
                    <defs>
                      <clipPath id="clip0_373_15802">
                        <rect width="24" height="24" fill="white" />
                      </clipPath>
                    </defs>
                  </svg>
                </div>
                <div class="event-calendar__wrapper">
                  {{> content-sidebar eventMobile="true"}}
                </div>
              </div>
              <div class="section-title no-mobile-border">
                <h1 class="section-title__title">Российское растениеводство</h1>
              </div>
              {{> single-event-item }}
              <a href="#" class="articles-preview__show-next"
                >Все мероприятия</a
              >
            </div>
            <div class="content-right">
              {{> most-read class='content-right__most-read'}}
              <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"></div>
              <div class="banner-left"></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>
