Initial commit

This commit is contained in:
2024-03-01 17:47:03 +03:00
commit 10722da013
227 changed files with 13356 additions and 0 deletions

106
frontend/src/pages/404.html Normal file
View File

@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title="404"}}
<div class="error-page">
<div class="container">
<div class="error-page__inner">
<p class="error-page__title">Страница 404</p>
<p class="error-page__subtitle">
Данной страницы не существует, перейдите на главную страницу
сайта
</p>
<a href="#" class="button error-page__btn">На главную</a>
</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.ts"></script>
</body>
</html>

106
frontend/src/pages/500.html Normal file
View File

@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title="500"}}
<div class="error-page error-page-500">
<div class="container">
<div class="error-page__inner">
<p class="error-page__title">Страница 500</p>
<p class="error-page__subtitle">
Приносим свои извинения, но в данный момент наш сайт перегружен
запросами, попробуйте повторить попытку позже
</p>
<a href="#" class="button error-page__btn">Попробовать снова</a>
</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,298 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title="О проекте"}}
<div class="container">
<div class="content">
<div class="content-left">
{{> menu-vertical desktop="true"}} {{> 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"></div>
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true"}}
<div class="section-title about-section-title">
<h1 class="section-title__title">О проекте</h1>
</div>
<div class="about">
<p class="about-text">
Агроэксперт -это информационный портал с ежедневным
обновлением ленты новостей и ежемесячная полноцветная газета
на 16 полос тиражом 5 тысяч экземпляров, распространяющаяся по
всей России. Мы рассказываем об актуальных событиях в области
ветеринарии, животноводства, птицеводства, рыбохозяйственного
комплекса, рынков сырья и продовольствия.
</p>
<p class="about-text">
Публикуем аналитические материалы с комментариями ведущих
российских и мировых экспертов, ученых научно-производственных
институтов Россельхознадзора, руководителей федеральных
ведомств и отраслевых ассоциаций. Кроме того, предоставляем
свежую информацию об эпизоотической ситуации, обзор и
обсуждение новых законопроектов и нормативных актов.
</p>
<p class="about-title">Редакция</p>
<div class="about-items">
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
<div class="about-item">
<div class="about-item__img">
<img src="/images/about.png" alt="" />
</div>
<div class="about-item__wrapper">
<p class="about-item__name">
Константин Константиновский
</p>
<div class="about-item__position">Главный редактор</div>
</div>
</div>
</div>
</div>
<a href="#" class="articles-preview__show-next subsctiption-back"
>На главную</a
>
<div class="grid">
<div class="grid__item"></div>
<div class="grid__item"></div>
</div>
</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,169 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title='Рекламодателям'}}
<div class="container">
<div class="content">
<div class="content-left">
{{> menu-vertical desktop="true"}} {{> 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"></div>
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true"}}
<div class="section-title border-top">
<h1 class="section-title__title">Рекламодателям</h1>
</div>
<div class="articles-preview">
{{> advert-item}} {{> advert-item-v2}} {{> advert-item-v3}}
</div>
<a href="#" class="articles-preview__show-next">На главную</a>
<div class="articles__spacer-container">
<div class="articles__spacer"></div>
<div class="articles__spacer"></div>
</div>
</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,250 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title='Контакты'}}
<div class="container">
<div class="content">
<div class="content-left">
{{> menu-vertical desktop="true"}} {{> 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"></div>
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true"}}
<div class="section-title border-top">
<h1 class="section-title__title">Контакты</h1>
</div>
<div class="articles-single">
<div class="contacts__map-container">
<div class="contacts__map" id="contacts_map"></div>
</div>
<div class="contacts__container">
<div class="contacts__text-block">
<p class="contacts__block-title subtitle-13">Адрес</p>
<p class="contacts__block-subtitle text-13">129626, Москва, пр. Мира 102, стр31 ком 12</p>
</div>
<div class="contacts__text-block">
<p class="contacts__block-title subtitle-13">Телефон</p>
<p class="contacts__block-subtitle text-13">+7 (495) 987-65-43</p>
</div>
<div class="contacts__text-block">
<p class="contacts__block-title subtitle-13">E-mail</p>
<p class="contacts__block-email text-13">konstantin@agroecspert.ru</p>
</div>
</div>
<div class="contacts__container">
<h2 class="subtitle-18">Написать нам</h2>
<form action="" class="contacts__form" id="contact__form">
<input required type="text" placeholder="Ваше имя" name="name" class="contacts__input contacts__input_name" />
<input required type="email" placeholder="Ваш e-mail" name="email" class="contacts__input contacts__input_email" />
<input required type="text" placeholder="Тема письма" name="theme" class="contacts__input contacts__input_theme" />
<textarea required type="text" placeholder="Текст письма" name="message"
class="contacts__input contacts__input_message"></textarea>
<button class="button contacts__submit-button" type="submit">Отправить</button>
</form>
<p class="text-11">Нажимая на кнопку «Подписаться», Вы соглашаетесь на обработку персональных данных в соответствие с <a
href="#" class="contacts__policy text-11">«Политикой конфиденциальности»</a></p>
</div>
</div>
<a href="#" class="articles-preview__show-next">На главную</a>
<div class="articles__spacer-container">
<div class="articles__spacer"></div>
<div class="articles__spacer"></div>
</div>
</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="text/javascript">
const handleInit = () => {
ymaps.ready(init);
// Функция ymaps.ready() будет вызвана, когда
// загрузятся все компоненты API, а также когда будет готово DOM-дерево.
function init() {
// Создание карты.
var myMap = new ymaps.Map("contacts_map", {
// Координаты центра карты.
// Порядок по умолчанию: «широта, долгота».
// Чтобы не определять координаты центра карты вручную,
// воспользуйтесь инструментом Определение координат.
center: [55.800484, 37.639222],
// Уровень масштабирования. Допустимые значения:
// от 0 (весь мир) до 19.
zoom: 17
});
const Place = new ymaps.Placemark([55.80055, 37.63925], {
hintContent: 'АгроЭксперт',
balloonContent: '',
balloonHeader: '',
}, {
iconLayout: 'default#image',
iconImageHref: '/images/map_label.png',
iconImageSize: [36, 44],
iconShape: {
type: 'Rectangle',
coordinates: [
[-30, -93],
[30, 0]
]
}
});
myMap.geoObjects.add(Place)
}
}
document.addEventListener('DOMContentLoaded', () => {
if (typeof ymaps !== 'undefined') {
handleInit();
} else {
setTimeout(() => {
handleInit();
}, 1000)
}
} );
</script>
<script>
function handleSubmit(e) {
e.preventDefault();
const name = e.target.name.value;
const email = e.target.email.value;
const theme = e.target.theme.value;
const message = e.target.message.value;
if (!name || !email || !theme || !text) return;
console.log({ name, email, theme, message })
}
document.addEventListener('DOMContentLoaded', () => {
const form = document.getElementById('contact__form')
form.addEventListener('submit', handleSubmit)
});
</script>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,165 @@
<!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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,167 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs 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="section-title border-top">
<h1 class="section-title__title">Мероприятия</h1>
</div>
<div class="event-calendar-mobile mobile">
<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="articles-preview">
{{> event-item}} {{> event-item}} {{> event-item}}
</div>
{{> pagination}}
<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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,301 @@
<!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"></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"></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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,147 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title='Интервью'}}
<div class="container">
<div class="content">
<div class="content-left">
{{> menu-vertical desktop="true"}} {{> 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>
<h3 class="subtitle-16 item-video__name">
На одной из птицефабрик Красноярского края выявили опасные
вирусы
</h3>
</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="section-title border-top">
<h1 class="section-title__title">Интервью</h1>
</div>
<div class="articles-preview">
{{> interview-item}} {{> interview-item}} {{> interview-item}} {{> interview-item}}
{{> banner-middle}} {{> interview-item}} {{> interview-item}} {{> interview-item}} {{> interview-item}} {{> interview-item}}
{{> interview-item}} {{> interview-item}} {{> interview-item}} {{> interview-item}} {{> interview-item}}
</div>
{{> articles-show-more}} {{> pagination}}
<a href="#" class="articles-preview__show-next mobile">На главную</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,347 @@
<!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 isSafety="true" desktop="true"}} {{>
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"></div>
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true" active="true"}}
<div class="article-single">
<div class="article-time article-single__time">
<img src="/icons/time.svg" alt="" />Сегодня,
<time>22:30:59</time>
</div>
<div class="article-single__tag">Безопасность продукции</div>
<h1 class="article-single__title">
Россия обновила трехлетний рекорд экспорта зерна
</h1>
<!--
<div class="article-author">
<div class="article-author__img">
<img src="/images/author.png" alt="" />
</div>
<div class="article-author__name">Ксения Рахманова</div>
</div>
-->
<div class="article-single__content">
<p>
Россия в первой половине сезона-2023/24 побила рекорд
по экспорту зерновых, зернобобовых и муки — он составил
почти 39 млн т. Об этом пишет РИА «Новости» со ссылкой
на данные аналитического центра.
</p>
<div class="article-single-img">
<img src="/images/article.jpg" alt="" />
<div class="article-single-img__text">
Фото benedek / GettyImages
</div>
</div>
<figure class="wp-block-image size-full">
<img
fetchpriority="high"
decoding="async"
width="711"
height="415"
src="/images/article.jpg"
alt=""
class="wp-image-170"
/>
<figcaption class="wp-element-caption">
Фото benedek / GettyImages
</figcaption>
</figure>
<p>
Сообщается, что компании удалось продать три своих мясных
завода в Германии. Предприятие, занимающееся убоем крупного
рогатого скота и переработкой говядины в Альтенбурге
(Тюрингия), а также завод в Вестфалии, специализирующийся
на тонкой нарезке ветчины и других продуктов из свинины,
приобрела немецкая мясная компания Tönnies Group.
</p>
<p>
Ещё одно предприятие по переработке свинины в Бад-Берлебурге
было продано немецкому мясопереработчику Uhlen GmbH.
При этом свиноферма в Эмштеке будет закрыта,
так как для неё не нашлось покупателя, сообщила компания.
</p>
<p>
Причиной ограничения своего присутствия на немецком рынке
компания называет растущую конкуренцию и урон, нанесённый
недавними вспышками АЧС.
</p>
<p>
По информации Всемирной организации здравоохранения
животных, за 2023 год в Германии зарегистрировали
132 очага АЧС. Вспышки в прошлом году были выявлены
в 18 странах Европы.
</p>
<a href="#" class="article-single-img">
<img src="/images/article.jpg" alt="" />
<div class="article-single-img__video">
<img src="/icons/play.svg" alt="" />
Смотреть видео
</div>
</a>
<p>
Сообщается, что компании удалось продать три своих мясных
завода в Германии. Предприятие, занимающееся убоем крупного
рогатого скота и переработкой говядины в Альтенбурге
(Тюрингия), а также завод в Вестфалии, специализирующийся
на тонкой нарезке ветчины и других продуктов из свинины,
приобрела немецкая мясная компания Tönnies Group.
</p>
<p>
Ещё одно предприятие по переработке свинины в Бад-Берлебурге
было продано немецкому мясопереработчику Uhlen GmbH.
При этом свиноферма в Эмштеке будет закрыта,
так как для неё не нашлось покупателя, сообщила компания.
</p>
<p>
Причиной ограничения своего присутствия на немецком рынке
компания называет растущую конкуренцию и урон, нанесённый
недавними вспышками АЧС.
</p>
<p>
По информации Всемирной организации здравоохранения
животных, за 2023 год в Германии зарегистрировали
132 очага АЧС. Вспышки в прошлом году были выявлены
в 18 странах Европы.
</p>
<div class="article-single-gal">
<div class="article-single-img">
<img src="/images/article.jpg" alt="" />
<div class="article-single-img__text">
Фото benedek / GettyImages
</div>
</div>
<div class="article-single-img">
<img src="/images/article.jpg" alt="" />
<div class="article-single-img__text">
Фото benedek / GettyImages
</div>
</div>
</div>
<figure
class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex"
>
<figure class="wp-block-image size-large">
<img
decoding="async"
width="711"
height="415"
data-id="170"
src="/images/article.jpg"
alt=""
class="wp-image-170"
/>
<figcaption class="wp-element-caption">
Фото benedek / GettyImages
</figcaption>
</figure>
<figure class="wp-block-image size-large">
<img
decoding="async"
width="331"
height="210"
data-id="71"
src="/images/article.jpg"
alt=""
class="wp-image-71"
/>
<figcaption class="wp-element-caption">
Фото benedek / GettyImages
</figcaption>
</figure>
</figure>
<p>
Сообщается, что компании удалось продать три своих мясных
завода в Германии. Предприятие, занимающееся убоем крупного
рогатого скота и переработкой говядины в Альтенбурге
(Тюрингия), а также завод в Вестфалии, специализирующийся
на тонкой нарезке ветчины и других продуктов из свинины,
приобрела немецкая мясная компания Tönnies Group.
</p>
<p>
Ещё одно предприятие по переработке свинины в Бад-Берлебурге
было продано немецкому мясопереработчику Uhlen GmbH.
При этом свиноферма в Эмштеке будет закрыта,
так как для неё не нашлось покупателя, сообщила компания.
</p>
<p>
Причиной ограничения своего присутствия на немецком рынке
компания называет растущую конкуренцию и урон, нанесённый
недавними вспышками АЧС.
</p>
<p>
По информации Всемирной организации здравоохранения
животных, за 2023 год в Германии зарегистрировали
132 очага АЧС. Вспышки в прошлом году были выявлены
в 18 странах Европы.
</p>
</div>
</div>
<div class="article-section__title">Еще по теме</div>
<div class="articles-preview">
{{> article-item-no-image}} {{> article-item-no-image}} {{>
article-item-no-image}} {{> article-item-no-image}}
</div>
<div class="article-section__title">Читайте также:</div>
<div class="articles-preview">
{{> article-item}} {{> article-item}} {{> article-item}} {{>
article-item}} {{> article-item}} {{> article-item}}
</div>
<a href="#" class="articles-preview__show-next desktop"
>На главную</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,169 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title="Безопасность продукции"}}
<div class="container">
<div class="content">
<div class="content-left">
{{> menu-vertical isSafety="true" desktop="true"}} {{> 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"></div>
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true"}}
<div class="section-title desktop">
<h1 class="section-title__title">Безопасность продукции</h1>
</div>
<div class="articles-preview">
{{> article-item-lg}} {{> article-item}} {{> article-item}} {{>
article-item}} {{> article-item}} {{> banner-middle}} {{>
article-item}} {{> article-item}} {{> article-item}} {{>
article-item}} {{> article-item}} {{> article-item}} {{>
article-item}} {{> article-item}} {{> article-item}} {{>
article-item}}
</div>
{{> articles-show-more}} {{> pagination}}
</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
<div class="container">
<div class="content">
<ul>
<li>
<a href="index.html">Главная</a>
</li>
<li>
<a href="404.html">404</a>
</li>
<li>
<a href="about.html">О проекте</a>
</li>
<li>
<a href="advertiser.html">Рекламодателям</a>
</li>
<li>
<a href="events.html">Мероприятия</a>
</li>
<li>
<a href="interviews.html">Интервью</a>
</li>
<li>
<a href="materials.html">Материалы</a>
</li>
<li>
<a href="materials-single.html">Просмотр материала</a>
</li>
<li>
<a href="partners.html">Партнеры</a>
</li>
<li>
<a href="subscription.html">Подписка на новости</a>
</li>
<li>
<a href="partners-single.html">Страница одного Партнера</a>
</li>
<li>
<a href="search.html">Результаты поиска</a>
</li>
<li>
<a href="contacts.html">Контакты</a>
</li>
<li>
<a href="event-single.html">Просмотр мероприятия</a>
</li>
</ul>
</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,157 @@
<!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"}} {{> 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"></div>
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true"}}
<div class="section-title border-top">
<h1 class="section-title__title">Научно-методический базовый центр ФГБУ «ВГНКИ»</h1>
</div>
<div class="articles-preview">
{{> single-partner-item}}
</div>
<div class="section-title">
<h2 class="section-title__title subtitle-18">Еще по теме</h2>
</div>
<div class="suggestion-container">
{{> suggestion-item}}
{{> suggestion-item}}
{{> suggestion-item}}
{{> suggestion-item}}
</div>
<a href="#" class="articles-preview__show-next">На главную</a>
<div class="articles__spacer-container">
<div class="articles__spacer"></div>
<div class="articles__spacer"></div>
</div>
</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,181 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title='Партнеры'}}
<div class="container">
<div class="content">
<div class="content-left">
{{> menu-vertical desktop="true"}} {{> 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"></div>
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true"}}
<div class="section-title border-top">
<h1 class="section-title__title">Партнеры</h1>
</div>
<div class="articles-preview">
{{> partner-item text='Научно-методический базовый центр ФГБУ «ВГНКИ»' num='1'}}
{{> partner-item text='ФГБУ «ВГНКИ» проводит полный спектр доклинических (токсикологических) исследований необходимых для регистрации лекарственных средств для ветеринарного применения и кормовых добавок.' num='2'}}
{{> partner-item text='ФГБУ «ВГНКИ» проводит полный спектр доклинических (токсикологических) исследований необходимых для регистрации лекарственных средств для ветеринарного применения и кормовых добавок.' num='3'}}
{{> partner-item text='Испытательный центр ФГБУ «ВГНКИ» проводит различные виды исследований по выявлению фальсификации молочной продукции' num='4'}}
{{> partner-item text='ФГБУ «ВГНКИ» проводит полный спектр доклинических (токсикологических) исследований необходимых для регистрации лекарственных средств для ветеринарного применения и кормовых добавок.' num='5'}}
{{> partner-item text='ФГБУ «ВГНКИ» проводит полный спектр доклинических (токсикологических) исследований необходимых для регистрации лекарственных средств для ветеринарного применения и кормовых добавок.' num='2'}}
{{> partner-item text='Научно-методический базовый центр ФГБУ «ВГНКИ»' num='1'}}
{{> partner-item text='Испытательный центр ФГБУ «ВГНКИ» проводит различные виды исследований по выявлению фальсификации молочной продукции' num='3'}}
{{> partner-item text='ФГБУ «ВГНКИ» проводит полный спектр доклинических (токсикологических) исследований необходимых для регистрации лекарственных средств для ветеринарного применения и кормовых добавок.' num='4'}}
{{> partner-item text='Научно-методический базовый центр ФГБУ «ВГНКИ»' num='1'}}
{{> partner-item text='Испытательный центр ФГБУ «ВГНКИ» проводит различные виды исследований по выявлению фальсификации молочной продукции' num='2'}}
{{> partner-item text='Научно-методический базовый центр ФГБУ «ВГНКИ»' num='3'}}
</div>
{{> pagination}}
<a href="#" class="articles-preview__show-next mobile">На главную</a>
<div class="articles__spacer-container">
<div class="articles__spacer"></div>
<div class="articles__spacer"></div>
</div>
</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,201 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title='Поиск'}}
<div class="container">
<div class="content content__search">
<div class="content-left"></div>
<div class="content-middle articles-wrapper">
<div class="section-title">
<h1 class="section-title__title">Поиск</h1>
</div>
<div class="search-form">
<div class="search-form__wrapper">
<div class="search-form__input-wrapper">
<input
type="text"
class="input search-form__input"
placeholder="Введите ваш запрос"
value="Растения"
/>
<div class="search-form__clear">
<svg
width="18"
height="18"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="2.00391"
y="15.1746"
width="18.6256"
height="1.1641"
rx="0.582051"
transform="rotate(-45 2.00391 15.1746)"
fill="#2F2F2F"
/>
<rect
x="2.82812"
y="2.00339"
width="18.6256"
height="1.1641"
rx="0.582051"
transform="rotate(45 2.82812 2.00339)"
fill="#2F2F2F"
/>
</svg>
</div>
</div>
<button class="button search-form__button desktop">
Найти
</button>
</div>
<p class="search-form__text">
По запросу «растения» найдено 294 результатов
</p>
<div class="search-form__selects">
<select id="selectSort">
<option
value="date"
data-html="По дате <img src='/icons/sort_bottom.svg' alt />"
>
По дате
</option>
<option
value="date2"
data-html="По дате <img src='/icons/sort_top.svg' alt />"
>
По дате
</option>
<option value="rel">По релевантности</option>
</select>
<select id="selectDate">
<option value="date">За все время</option>
<option
value="date2"
data-html="По дате <img src='/icons/sort_top.svg' alt />"
>
По дате
</option>
<option value="rel">По релевантности</option>
</select>
<select id="selectCategory">
<option value="date">Все</option>
<option
value="date2"
data-html="По дате <img src='/icons/sort_top.svg' alt />"
>
По дате
</option>
<option value="rel">По релевантности</option>
</select>
</div>
<button class="button search-form__button mobile">Найти</button>
</div>
<div class="articles-preview search-preview">
{{> article-item-horizontal}}{{> article-item-inline}}{{>
article-item-horizontal}}{{> article-item-inline}}{{>
article-item-inline}}{{> article-item-horizontal}}{{>
article-item-horizontal}}{{> article-item-horizontal}}{{>
article-item-horizontal}}{{> article-item-inline}}
</div>
{{> pagination}}
<div class="articles__spacer-container">
<div class="articles__spacer"></div>
<div class="articles__spacer"></div>
</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.ts"></script>
</body>
</html>

View File

@@ -0,0 +1,388 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title="Подписка на новости"}}
<div class="container">
<div class="content">
<div class="content-left">
{{> menu-vertical desktop="true"}} {{> 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"></div>
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true"}}
<div class="section-title subscription-section-title">
<h1 class="section-title__title">Подписка на новости</h1>
</div>
<form class="subscription-form">
<div class="subscription-form__bg">
<img src="/images/subscription_bg.png" alt="" />
<img src="/images/subscription_bg_sm.png" alt="" />
</div>
<p class="subscription-form__title">
Оформив подписку на нашу рассылку, Вы будете ежедневно в 14:00
(МСК) получать на адрес своей электронной почты подборку самых
актуальных новостей
</p>
<p class="subscription-form__subtitle">
Выбор необходимых рубрик для подписки:
</p>
<div class="subscription-form__options">
<label class="checkbox">
<input
type="checkbox"
name="opt-1"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Законодательство</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-2"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Растения</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-3"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Безопасность продукции</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-4"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Зерно</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-5"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Семена</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-6"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Земля</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-7"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Животные, рыба, птица</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-8"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Экспорт/Импорт</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-9"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Техника</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-10"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Цифровизация АПК</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-11"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Лаборатория</span>
</div>
</label>
<label class="checkbox">
<input
type="checkbox"
name="opt-12"
class="checkbox__input"
/>
<div class="checkbox__inner">
<div class="checkbox__check">
<img src="/icons/check.svg" alt="#" />
</div>
<span>Все события</span>
</div>
</label>
</div>
<input
type="text"
class="input subscription-form__input"
placeholder="Ваш e-mail"
/>
<button type="submit" class="button subscription-form__btn">
Подписаться
</button>
<p class="subscription-form__policy">
Нажимая на кнопку «Подписаться», Вы соглашаетесь на обработку
персональных данных в соответствие с
<a href="#">«Политикой конфиденциальности»</a>
</p>
</form>
<a href="#" class="articles-preview__show-next subsctiption-back"
>На главную</a
>
<div class="grid">
<div class="grid__item"></div>
<div class="grid__item"></div>
</div>
</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 class="modal-overlay" id="modal-thank" style="display: none">
<div class="modal modal-thank">
<div class="modal__close modal-thank__close">
<svg
width="18"
height="18"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="16.9423"
width="23.9584"
height="1.4974"
rx="0.748701"
transform="rotate(-45 0 16.9423)"
fill="black"
/>
<rect
x="1.0625"
width="23.9584"
height="1.4974"
rx="0.748701"
transform="rotate(45 1.0625 0)"
fill="black"
/>
</svg>
</div>
<div class="modal-thank__title">Благодарим за интерес!</div>
<div class="modal-thank__text">
На Вашу почту отправлено письмо для <br />
подтверждения подписки
</div>
<div class="modal-thank__footer modal__close">Закрыть</div>
</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>