Files
agroexpert/frontend/src/pages/about.html

299 lines
14 KiB
HTML
Raw Normal View History

2024-03-01 17:47:03 +03:00
<!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>
2024-03-12 09:16:19 +03:00
<script type="module" src="/src/main.js"></script>
2024-03-01 17:47:03 +03:00
</body>
</html>