Initial commit
This commit is contained in:
75
frontend/src/global.css
Normal file
75
frontend/src/global.css
Normal file
@@ -0,0 +1,75 @@
|
||||
:root {
|
||||
--primary: #f18917;
|
||||
--secondary: #006842;
|
||||
--black: #000;
|
||||
--white: #fff;
|
||||
--gray: #cfcfcf;
|
||||
--adv-gray: #2f2f2f;
|
||||
--placeholder-gray: #3a3a3a;
|
||||
--bg: #f7f8f3;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-variant-numeric: lining-nums;
|
||||
background: var(--bg);
|
||||
font-size: 1.3rem;
|
||||
line-height: 150%;
|
||||
color: var(--black);
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
button {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.link {
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.link:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.link-icon-after::after {
|
||||
content: '';
|
||||
background: url(/images/link_after.svg);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
display: inline-block;
|
||||
margin-left: 0.4rem;
|
||||
position: relative;
|
||||
top: 0.1rem;
|
||||
}
|
||||
|
||||
.wpcf7-spinner {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.wp-block-embed iframe {
|
||||
width: 100%;
|
||||
}
|
||||
56
frontend/src/main.ts
Normal file
56
frontend/src/main.ts
Normal file
@@ -0,0 +1,56 @@
|
||||
import 'reset-css';
|
||||
import './global.css';
|
||||
import './styles/layout/container.css';
|
||||
import './styles/layout/footer.css';
|
||||
import './styles/layout/header/header';
|
||||
import './styles/layout/header/header.css';
|
||||
|
||||
import './styles/layout/container.css';
|
||||
import './styles/layout/footer.css';
|
||||
|
||||
import './styles/components/advert-item.css';
|
||||
import './styles/components/article-item.css';
|
||||
import './styles/components/article-single.css';
|
||||
import './styles/components/contacts.css';
|
||||
import './styles/components/event-item.css';
|
||||
import './styles/components/interview-item.css';
|
||||
import './styles/components/partner-item.css';
|
||||
import './styles/components/single-partner-item.css';
|
||||
import './styles/components/suggestion-item.css';
|
||||
|
||||
import './scripts/calendar.js';
|
||||
import './scripts/scroll-to-top.js';
|
||||
import './scripts/menu-vertical.ts';
|
||||
import './scripts/modal.ts';
|
||||
import './scripts/search-form.ts';
|
||||
import './scripts/select.ts';
|
||||
import './scripts/subscription-form';
|
||||
import './styles/components/about.css';
|
||||
import './styles/components/banner.css';
|
||||
import './styles/components/breadcrumbs.css';
|
||||
import './styles/components/button.css';
|
||||
import './styles/components/calendar.css';
|
||||
import './styles/components/checkbox.css';
|
||||
import './styles/components/error-page.css';
|
||||
import './styles/components/event-item.css';
|
||||
import './styles/components/fonts.css';
|
||||
import './styles/components/hero.css';
|
||||
import './styles/components/input.css';
|
||||
import './styles/components/menu-vertical.css';
|
||||
import './styles/components/menu.css';
|
||||
import './styles/components/modal.css';
|
||||
import './styles/components/most-read.css';
|
||||
import './styles/components/nav.css';
|
||||
import './styles/components/pagination.css';
|
||||
import './styles/components/search-form.css';
|
||||
import './styles/components/section-title.css';
|
||||
import './styles/components/select.css';
|
||||
import './styles/components/shared.css';
|
||||
import './styles/components/socials.css';
|
||||
import './styles/components/subscribe-form.css';
|
||||
import './styles/components/subscription-form.css';
|
||||
import './styles/components/tag.css';
|
||||
import './styles/components/to-top.css';
|
||||
import './styles/components/upcoming-events.css';
|
||||
|
||||
import './styles/pages/main.css';
|
||||
106
frontend/src/pages/404.html
Normal file
106
frontend/src/pages/404.html
Normal 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
106
frontend/src/pages/500.html
Normal 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>
|
||||
298
frontend/src/pages/about.html
Normal file
298
frontend/src/pages/about.html
Normal 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>
|
||||
169
frontend/src/pages/advertiser.html
Normal file
169
frontend/src/pages/advertiser.html
Normal 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>
|
||||
250
frontend/src/pages/contacts.html
Normal file
250
frontend/src/pages/contacts.html
Normal 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>
|
||||
165
frontend/src/pages/event-single.html
Normal file
165
frontend/src/pages/event-single.html
Normal 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>
|
||||
167
frontend/src/pages/events.html
Normal file
167
frontend/src/pages/events.html
Normal 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>
|
||||
301
frontend/src/pages/index.html
Normal file
301
frontend/src/pages/index.html
Normal 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>
|
||||
147
frontend/src/pages/interviews.html
Normal file
147
frontend/src/pages/interviews.html
Normal 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>
|
||||
347
frontend/src/pages/materials-single.html
Normal file
347
frontend/src/pages/materials-single.html
Normal 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>
|
||||
169
frontend/src/pages/materials.html
Normal file
169
frontend/src/pages/materials.html
Normal 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>
|
||||
125
frontend/src/pages/pages.html
Normal file
125
frontend/src/pages/pages.html
Normal 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>
|
||||
157
frontend/src/pages/partners-single.html
Normal file
157
frontend/src/pages/partners-single.html
Normal 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>
|
||||
181
frontend/src/pages/partners.html
Normal file
181
frontend/src/pages/partners.html
Normal 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>
|
||||
201
frontend/src/pages/search.html
Normal file
201
frontend/src/pages/search.html
Normal 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>
|
||||
388
frontend/src/pages/subscription.html
Normal file
388
frontend/src/pages/subscription.html
Normal 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>
|
||||
45
frontend/src/partials/advert-item-v2.html
Normal file
45
frontend/src/partials/advert-item-v2.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<div class="advert-item">
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title subtitle-18">Реклама на сайте и соцсетях</h2>
|
||||
<p class="advert-item__block-text">VIII конференция о полевом растениеводстве приурочена к старту посевной кампании и ориентирована на
|
||||
сельхозпроизводителей и поставщиков средств производства: семян, удобрений, сельхозтехники, СЗР и т.д. В фокусе – ключевые тренды и
|
||||
прогнозы на 2024 год, новейшие технологии, производственные, агрономические и управленческие практики. Программа ориентирована на
|
||||
основные полевые культуры: зерновые, масличные и сахарную свеклу.</p>
|
||||
</div>
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title_margin-lg subtitle-18">Документы</h2>
|
||||
<div class="advert-item__documents-list">
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_pdf"></span>
|
||||
<span class="advert-item__document-description text-13">Медиакит</span>
|
||||
</a>
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_doc"></span>
|
||||
<span class="advert-item__document-description text-13">Требования к макетам</span>
|
||||
</a>
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_doc"></span>
|
||||
<span class="advert-item__document-description text-13">Требования к макетам</span>
|
||||
</a>
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_pdf"></span>
|
||||
<span class="advert-item__document-description text-13">Медиакит</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title_margin-lg subtitle-18">Контакты</h2>
|
||||
<div class="advert-item__contacts">
|
||||
<div class="advert-item__contact-item">
|
||||
<div class="advert-item__avatar-container"><img src="/images/contacts_1.png" alt="" class="advert-item__contacts-avatar"></div>
|
||||
<div class="advert-item__contact-info">
|
||||
<p class="advert-item__contact-name subtitle-13">Константин Константиновский</p>
|
||||
<p class="advert-item__contact-position text-13">Главный редактор</p>
|
||||
<p class="advert-item__contact-phone subtitle-13">Тел: +7 (495) 987-65-43</p>
|
||||
<p class="advert-item__contact-email text-13">konstantin@agroecspert.ru</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
44
frontend/src/partials/advert-item-v3.html
Normal file
44
frontend/src/partials/advert-item-v3.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<div class="advert-item">
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title subtitle-18">Спецпредложение</h2>
|
||||
<p class="advert-item__block-text">VIII конференция о полевом растениеводстве приурочена к старту посевной кампании и ориентирована на
|
||||
сельхозпроизводителей и поставщиков средств производства: семян, удобрений, сельхозтехники, СЗР и т.д. В фокусе – ключевые тренды и
|
||||
прогнозы на 2024 год, новейшие технологии, производственные, агрономические и управленческие практики. Программа ориентирована на
|
||||
основные полевые культуры: зерновые, масличные и сахарную свеклу.</p>
|
||||
</div>
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title_margin-lg subtitle-18">Документы</h2>
|
||||
<div class="advert-item__documents-list">
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_doc"></span>
|
||||
<span class="advert-item__document-description text-13">Требования к макетам</span>
|
||||
</a>
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_pdf"></span>
|
||||
<span class="advert-item__document-description text-13">Медиакит</span>
|
||||
</a>
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_doc"></span>
|
||||
<span class="advert-item__document-description text-13">Требования к макетам</span>
|
||||
</a> <a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_pdf"></span>
|
||||
<span class="advert-item__document-description text-13">Медиакит</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title_margin-lg subtitle-18">Контакты</h2>
|
||||
<div class="advert-item__contacts">
|
||||
<div class="advert-item__contact-item">
|
||||
<div class="advert-item__avatar-container"><img src="/images/contacts_2.png" alt="" class="advert-item__contacts-avatar"></div>
|
||||
<div class="advert-item__contact-info">
|
||||
<p class="advert-item__contact-name subtitle-13">Светлана Константиновская</p>
|
||||
<p class="advert-item__contact-position text-13">Главный редактор</p>
|
||||
<p class="advert-item__contact-phone subtitle-13">Тел: +7 (495) 987-65-43</p>
|
||||
<p class="advert-item__contact-email text-13">konstantin@agroecspert.ru</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
47
frontend/src/partials/advert-item.html
Normal file
47
frontend/src/partials/advert-item.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<div class="advert-item">
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title subtitle-18">Реклама в газете</h2>
|
||||
<p class="advert-item__block-text">VIII конференция о полевом растениеводстве приурочена к старту посевной кампании и ориентирована на
|
||||
сельхозпроизводителей и поставщиков средств производства: семян, удобрений, сельхозтехники, СЗР и т.д. В фокусе – ключевые тренды и
|
||||
прогнозы на 2024 год, новейшие технологии, производственные, агрономические и управленческие практики. Программа ориентирована на
|
||||
основные полевые культуры: зерновые, масличные и сахарную свеклу.</p>
|
||||
</div>
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title_margin-lg subtitle-18">Документы</h2>
|
||||
<div class="advert-item__documents-list">
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_pdf"></span>
|
||||
<span class="advert-item__document-description text-13">Медиакит</span>
|
||||
</a>
|
||||
<a href="#" target="_blank" class="advert-item__document">
|
||||
<span class="advert-item__icon advert-item__icon_doc"></span>
|
||||
<span class="advert-item__document-description text-13">Требования к макетам</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="advert-item__block">
|
||||
<h2 class="advert-item__block-title_margin-lg subtitle-18">Контакты</h2>
|
||||
<div class="advert-item__contacts">
|
||||
<div class="advert-item__contact-item">
|
||||
<div class="advert-item__avatar-container"><img src="/images/contacts_1.png" alt="" class="advert-item__contacts-avatar"></div>
|
||||
<div class="advert-item__contact-info">
|
||||
<p class="advert-item__contact-name subtitle-13">Константин Константиновский</p>
|
||||
<p class="advert-item__contact-position text-13">Главный редактор</p>
|
||||
<p class="advert-item__contact-phone subtitle-13">Тел: +7 (495) 987-65-43</p>
|
||||
<p class="advert-item__contact-email text-13">konstantin@agroecspert.ru</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="advert-item__contact-item">
|
||||
<div class="advert-item__avatar-container"><img src="/images/contacts_2.png" alt="" class="advert-item__contacts-avatar"></div>
|
||||
<div class="advert-item__contact-info">
|
||||
<p class="advert-item__contact-name subtitle-13">Светлана Константиновская</p>
|
||||
<p class="advert-item__contact-position text-13">Главный редактор</p>
|
||||
<p class="advert-item__contact-phone subtitle-13">Тел: +7 (495) 987-65-43</p>
|
||||
<p class="advert-item__contact-email text-13">konstantin@agroecspert.ru</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
18
frontend/src/partials/article-item-horizontal.html
Normal file
18
frontend/src/partials/article-item-horizontal.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<div class="article-item article-item--horizontal">
|
||||
<a href="#" class="article-item__image-container">
|
||||
<img src="/images/item-review.png" alt="" />
|
||||
<div class="tag article-item__tag">Растения</div>
|
||||
</a>
|
||||
<div class="article-item__text">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<a href="#" class="subtitle-16 article-item__link"
|
||||
>На одной из птицефабрик Красноярского края выявили опасные вирусы</a
|
||||
>
|
||||
<p class="article-item__descr text-13">
|
||||
Об этом сообщил премьер-министр РФ Михаил Мишустин
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
14
frontend/src/partials/article-item-inline.html
Normal file
14
frontend/src/partials/article-item-inline.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="article-item article-item--inline">
|
||||
<div class="article-item__text">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<a href="#" class="subtitle-16 article-item__link"
|
||||
>На одной из птицефабрик Красноярского края выявили опасные вирусы</a
|
||||
>
|
||||
<p class="article-item__descr text-13">
|
||||
Об этом сообщил премьер-министр РФ Михаил Мишустин
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
20
frontend/src/partials/article-item-lg.html
Normal file
20
frontend/src/partials/article-item-lg.html
Normal file
@@ -0,0 +1,20 @@
|
||||
<div class="article-item article-item--lg">
|
||||
<a href="#" class="article-item__image-container">
|
||||
<img src="/images/item-review.png" alt="" />
|
||||
<div class="tag article-item__tag">Растения</div>
|
||||
</a>
|
||||
<div class="article-item__text">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<a href="#" class="subtitle-16 article-item__link"
|
||||
>На одной из птицефабрик Красноярского края выявили опасные вирусы</a
|
||||
>
|
||||
<p class="article-item__descr text-13">
|
||||
Россия в первой половине сезона-2023/24 побила рекорд по экспорту
|
||||
зерновых, зернобобовых и муки — он составил почти 39 млн т. Об этом пишет
|
||||
РИА «Новости» со ссылкой на данные аналитического центра
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
16
frontend/src/partials/article-item-no-image.html
Normal file
16
frontend/src/partials/article-item-no-image.html
Normal file
@@ -0,0 +1,16 @@
|
||||
<div class="article-item article-item--no-image">
|
||||
<div class="article-item__text">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<div class="tag article-item__tag">Растения</div>
|
||||
<a href="#" class="subtitle-16 article-item__link"
|
||||
>На одной из птицефабрик Красноярского края выявили опасные вирусы</a
|
||||
>
|
||||
<p class="article-item__descr text-13">
|
||||
Его можно применять в таких направлениях, как точное земледелие, генетика
|
||||
и селекция
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
15
frontend/src/partials/article-item.html
Normal file
15
frontend/src/partials/article-item.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<div class="article-item">
|
||||
<a href="#" class="article-item__image-container">
|
||||
<img src="/images/item-review.png" alt="" />
|
||||
<div class="tag article-item__tag">Растения</div>
|
||||
</a>
|
||||
<div class="article-item__text">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<a href="#" class="subtitle-16 article-item__link"
|
||||
>На одной из птицефабрик Красноярского края выявили опасные вирусы</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
1
frontend/src/partials/articles-show-more.html
Normal file
1
frontend/src/partials/articles-show-more.html
Normal file
@@ -0,0 +1 @@
|
||||
<button class="articles-preview__show-next">Загрузить еще</button>
|
||||
3
frontend/src/partials/banner-middle.html
Normal file
3
frontend/src/partials/banner-middle.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<div class="banner-middle">
|
||||
<img src="/images/video-preview.png" alt="" />
|
||||
</div>
|
||||
9
frontend/src/partials/breadcrumbs.html
Normal file
9
frontend/src/partials/breadcrumbs.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="breadcrumbs__list">
|
||||
<a href="#" class="breadcrumbs__item">Главная</a>
|
||||
{{#if middle}}<a href="#" class="breadcrumbs__item">{{middle}}</a> {{/if}}
|
||||
<span class="breadcrumbs__item">{{title}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
45
frontend/src/partials/content-sidebar.html
Normal file
45
frontend/src/partials/content-sidebar.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<div class="content-sidebar">
|
||||
<div class="content-sidebar-top {{#if eventMobile}}no-top{{/if}}">
|
||||
{{#if eventMobile}}
|
||||
{{else}}
|
||||
<div class="content-sidebar__title subtitle-20">Календарь мероприятий</div>
|
||||
{{/if}}
|
||||
<div id="calendar{{#if eventMobile}}_event{{/if}}"></div>
|
||||
<div class="upcoming-events">
|
||||
<h3 class="upcoming-events__title subtitle-16">Ближайшие мероприятия</h3>
|
||||
|
||||
<div class="upcoming-event">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<a class="link" href="#"
|
||||
>Курсы повышения квалификации «Определение содержания микотоксинов в
|
||||
кормах методом иммуноферментного анализа»., г. Новосибирск
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="upcoming-event">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<a class="link" href="#"
|
||||
>Курсы повышения квалификации «Определение содержания микотоксинов в
|
||||
кормах методом иммуноферментного анализа»., г. Новосибирск
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="upcoming-event">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<a class="link" href="#"
|
||||
>Курсы повышения квалификации «Определение содержания микотоксинов в
|
||||
кормах методом иммуноферментного анализа»., г. Новосибирск</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
31
frontend/src/partials/event-item.html
Normal file
31
frontend/src/partials/event-item.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<div class="event-item">
|
||||
<div class="event-item__image-container">
|
||||
<img src="/images/event-preview.png" alt="" />
|
||||
<div class="event-item__heading">
|
||||
<h2 class="event-item__title">Российское растениеводство</h2>
|
||||
<p class="event-item__subtitle">Весна 2024</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="event-item__text">
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">Организатор</h3>
|
||||
<p class="event-item__description-text text-13">Агрохолдинг</p>
|
||||
</div>
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">Дата</h3>
|
||||
<p class="event-item__description-text text-13">14 марта 2024</p>
|
||||
</div>
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">Место проведения</h3>
|
||||
<p class="event-item__description-text text-13">Москва, отель "Метрополь"</p>
|
||||
</div>
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">О конференции</h3>
|
||||
<p class="event-item__description-text text-13">VIII конференция о полевом растениеводстве приурочена к старту посевной кампании и ориентирована на сельхозпроизводителей и поставщиков средств производства: семян, удобрений, сельхозтехники, СЗР и т.д. В фокусе – ключевые тренды и прогнозы на 2024 год, новейшие технологии, производственные, агрономические и управленческие практики. Программа ориентирована на основные полевые культуры: зерновые, масличные и сахарную свеклу.</p>
|
||||
</div>
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">Телефон</h3>
|
||||
<p class="event-item__description-text text-13">+7 (495) 987-65-43</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
21
frontend/src/partials/head.html
Normal file
21
frontend/src/partials/head.html
Normal file
@@ -0,0 +1,21 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<script
|
||||
async
|
||||
src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=8f62a900-d60a-4059-887b-83fe5d19d0a5"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Агроэксперт</title>
|
||||
</head>
|
||||
3
frontend/src/partials/header-banner.html
Normal file
3
frontend/src/partials/header-banner.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<div class="banner banner--header">
|
||||
<img src="/images/video-preview.png" alt="" />
|
||||
</div>
|
||||
117
frontend/src/partials/header.html
Normal file
117
frontend/src/partials/header.html
Normal file
@@ -0,0 +1,117 @@
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header__inner">
|
||||
<a href="#" class="logo header__logo">
|
||||
<img src="/images/logo.svg" alt="Агроэксперт" />
|
||||
</a>
|
||||
<nav class="nav header__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="header__right">
|
||||
<div class="header__actions">
|
||||
<button class="header-action">
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_464_1772)">
|
||||
<path
|
||||
d="M14.9137 13.7179L12.0505 10.8632C12.9743 9.68632 13.4755 8.23298 13.4737 6.73684C13.4737 5.40442 13.0786 4.10192 12.3384 2.99405C11.5981 1.88619 10.5459 1.02271 9.31495 0.512814C8.08392 0.0029189 6.72937 -0.130493 5.42255 0.129449C4.11573 0.389392 2.91534 1.03101 1.97318 1.97318C1.03101 2.91534 0.389392 4.11573 0.129449 5.42255C-0.130493 6.72937 0.0029189 8.08392 0.512814 9.31495C1.02271 10.5459 1.88619 11.5981 2.99405 12.3384C4.10192 13.0786 5.40442 13.4737 6.73684 13.4737C8.23298 13.4755 9.68632 12.9743 10.8632 12.0505L13.7179 14.9137C13.7962 14.9926 13.8893 15.0552 13.9919 15.098C14.0946 15.1408 14.2046 15.1628 14.3158 15.1628C14.4269 15.1628 14.537 15.1408 14.6397 15.098C14.7422 15.0552 14.8354 14.9926 14.9137 14.9137C14.9926 14.8354 15.0552 14.7422 15.098 14.6397C15.1408 14.537 15.1628 14.4269 15.1628 14.3158C15.1628 14.2046 15.1408 14.0946 15.098 13.9919C15.0552 13.8893 14.9926 13.7962 14.9137 13.7179ZM1.68421 6.73684C1.68421 5.73753 1.98055 4.76066 2.53574 3.92975C3.09092 3.09886 3.88004 2.45124 4.80328 2.06883C5.72653 1.6864 6.74245 1.58634 7.72257 1.7813C8.70265 1.97625 9.60295 2.45747 10.3096 3.16409C11.0163 3.87072 11.4974 4.77101 11.6924 5.75112C11.8873 6.73124 11.7873 7.74716 11.4049 8.6704C11.0225 9.59368 10.3748 10.3827 9.54392 10.9379C8.71301 11.4931 7.73616 11.7895 6.73684 11.7895C5.3968 11.7895 4.11165 11.2572 3.16409 10.3096C2.21654 9.36202 1.68421 8.07688 1.68421 6.73684Z"
|
||||
fill="black"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_464_1772">
|
||||
<rect width="16" height="16" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="header-action">
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_464_1774)">
|
||||
<path
|
||||
d="M0.000840634 1.02697C0.00606145 0.886771 0.0388899 0.748976 0.0974455 0.621481C0.156001 0.493985 0.239134 0.379293 0.342081 0.283974C0.445029 0.188656 0.565771 0.114583 0.69739 0.0659987C0.829008 0.017414 0.968918 -0.00472821 1.10911 0.000840634C3.58378 0.095774 7.26911 0.942707 10.3646 3.20511C13.5091 5.50484 16.0009 9.23818 16.0009 14.9342C16.0009 15.2171 15.8884 15.4884 15.6884 15.6884C15.4884 15.8884 15.2171 16.0009 14.9342 16.0009C14.6513 16.0009 14.3799 15.8884 14.1799 15.6884C13.9798 15.4884 13.8675 15.2171 13.8675 14.9342C13.8675 9.96351 11.7374 6.85204 9.10484 4.92884C6.42324 2.96938 3.17418 2.21631 1.02697 2.13418C0.886771 2.12895 0.748976 2.09613 0.621481 2.03757C0.493985 1.97902 0.379293 1.89588 0.283974 1.79293C0.188656 1.68998 0.114583 1.56925 0.0659987 1.43762C0.017414 1.30601 -0.00472821 1.16717 0.000840634 1.02697ZM0.00404041 7.39178C0.0242572 7.10977 0.155601 6.84734 0.369212 6.66213C0.582822 6.47692 0.861223 6.3841 1.14324 6.40404C2.54484 6.50324 4.61738 7.03338 6.36884 8.33044C8.16511 9.65951 9.60084 11.7865 9.60084 14.9342C9.60084 15.2171 9.48846 15.4884 9.28841 15.6884C9.08838 15.8884 8.81707 16.0009 8.53417 16.0009C8.25127 16.0009 7.97997 15.8884 7.77992 15.6884C7.57989 15.4884 7.46751 15.2171 7.46751 14.9342C7.46751 12.5363 6.41471 11.0185 5.09951 10.0446C3.74058 9.03871 2.07978 8.60884 0.991774 8.53204C0.851948 8.52204 0.715466 8.48456 0.59013 8.42178C0.464796 8.35899 0.353066 8.27212 0.261331 8.16611C0.169596 8.06011 0.0996551 7.93707 0.0555073 7.80402C0.0113594 7.67096 -0.00612986 7.53158 0.00404041 7.39178ZM0.000840634 14.9342C0.000840634 14.6513 0.113221 14.3799 0.313261 14.1799C0.513299 13.9798 0.78461 13.8675 1.06751 13.8675H1.07818C1.36107 13.8675 1.63238 13.9798 1.83242 14.1799C2.03246 14.3799 2.14484 14.6513 2.14484 14.9342C2.14484 15.2171 2.03246 15.4884 1.83242 15.6884C1.63238 15.8884 1.36107 16.0009 1.07818 16.0009H1.06751C0.78461 16.0009 0.513299 15.8884 0.313261 15.6884C0.113221 15.4884 0.000840634 15.2171 0.000840634 14.9342Z"
|
||||
fill="black"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_464_1774">
|
||||
<rect width="16" height="16" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="socials header__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="header__burger">
|
||||
<img src="/images/burger.svg" alt="" />
|
||||
<img src="/images/burger_close.svg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-mobile">
|
||||
<nav class="nav header-mobile__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="socials header-mobile__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>
|
||||
</header>
|
||||
19
frontend/src/partials/interview-item.html
Normal file
19
frontend/src/partials/interview-item.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<div class="article-item">
|
||||
<div class="interview-item__image-container">
|
||||
<img src="/images/video-preview.png" alt="" />
|
||||
<button class="interview-item-video__button subtitle-20">
|
||||
<img src="/icons/play.svg" alt="" />
|
||||
Интервью
|
||||
</button>
|
||||
</div>
|
||||
<div class="article-item__text">
|
||||
<div class="article-time">
|
||||
<img src="/icons/time.svg" alt="" />Сегодня,
|
||||
<time>22:30:59</time>
|
||||
</div>
|
||||
<a href="#" class="subtitle-16 article-item__link"
|
||||
>На одной из птицефабрик Красноярского края выявили
|
||||
опасные вирусы</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
112
frontend/src/partials/menu-vertical.html
Normal file
112
frontend/src/partials/menu-vertical.html
Normal file
@@ -0,0 +1,112 @@
|
||||
<div
|
||||
class="menu-vertical {{#if desktop}}desktop{{/if}} {{#if mobile}}mobile{{/if}}"
|
||||
>
|
||||
<div class="menu-vertical__head">
|
||||
{{#if active}}
|
||||
<div class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical1.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Законодательство</span>
|
||||
</div>
|
||||
{{else}}
|
||||
<span>Рубрики</span>
|
||||
{{/if}}
|
||||
<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="menu-vertical__inner">
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical1.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Законодательство</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item {{#if isSafety}}is-active{{/if}}">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical2.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Безопасность продукции</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical3.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Растения</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical4.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Зерно</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical5.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Семена</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical6.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Земля</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical7.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Животные, рыба, птица</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical8.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Экспорт/Импорт</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical9.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Техника</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical10.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Цифровизация АПК</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical11.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Лаборатория</span>
|
||||
</a>
|
||||
<a href="#" class="menu-vertical__item">
|
||||
<span class="menu-vertical__item-icon">
|
||||
<img src="/icons/menu_vertical12.svg" alt="" />
|
||||
</span>
|
||||
<span class="menu-vertical__item-text">Все события</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
23
frontend/src/partials/most-read.html
Normal file
23
frontend/src/partials/most-read.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<div class="most-read {{class}}">
|
||||
<div class="most-read__inner">
|
||||
<p class="most-read__title subtitle-20">Самое читаемое</p>
|
||||
<div class="most-read__links">
|
||||
<div class="most-read__link">
|
||||
<a href="#" class="most-read__link-inner text-13 link-icon-after">
|
||||
«Мясной клей» в твороге: зачем российские производители добавляют в
|
||||
продукты питания запрещенный фермент
|
||||
</a>
|
||||
</div>
|
||||
<div class="most-read__link">
|
||||
<a href="#" class="most-read__link-inner text-13 link-icon-after">
|
||||
До какого срока нужно промаркировать коров, свиней и кур в России
|
||||
</a>
|
||||
</div>
|
||||
<div class="most-read__link">
|
||||
<a href="#" class="most-read__link-inner text-13 link-icon-after">
|
||||
До какого срока нужно промаркировать коров, свиней и кур в России
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
27
frontend/src/partials/pagination.html
Normal file
27
frontend/src/partials/pagination.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<div class="pagination">
|
||||
<div class="pagination__list">
|
||||
<span class="pagination__item is-active">1</span>
|
||||
<a href="#" class="pagination__item">2</a>
|
||||
<a href="#" class="pagination__item">3</a>
|
||||
<span class="pagination__item">...</span>
|
||||
<a href="#" class="pagination__item">20</a>
|
||||
<a href="#" class="pagination__item">21</a>
|
||||
</div>
|
||||
<a href="#" class="pagination__btn">
|
||||
<span>Далее</span>
|
||||
<svg
|
||||
width="19"
|
||||
height="18"
|
||||
viewBox="0 0 19 18"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M8 12.75L11.75 9L8 5.25"
|
||||
stroke="black"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
8
frontend/src/partials/partner-item.html
Normal file
8
frontend/src/partials/partner-item.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<a href="#" class="partner-item">
|
||||
<div class="partner-item__image-container">
|
||||
<img src="/images/partner_0{{num}}.png" alt="" />
|
||||
</div>
|
||||
<div class="partner-item__text-container">
|
||||
<p class="subtitle-16">{{text}}</p>
|
||||
</div>
|
||||
</a>
|
||||
91
frontend/src/partials/single-event-item.html
Normal file
91
frontend/src/partials/single-event-item.html
Normal file
@@ -0,0 +1,91 @@
|
||||
<div class="event-single">
|
||||
<div class="event-item__text">
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">Организатор</h3>
|
||||
<p class="event-item__description-text text-13">Агрохолдинг</p>
|
||||
</div>
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">Дата</h3>
|
||||
<p class="event-item__description-text text-13">14 марта 2024</p>
|
||||
</div>
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">Место проведения</h3>
|
||||
<p class="event-item__description-text text-13">Москва, отель "Метрополь"</p>
|
||||
</div>
|
||||
|
||||
<div class="event-item__description-block">
|
||||
<h3 class="event-item__description-header subtitle-13">Телефон</h3>
|
||||
<p class="event-item__description-text text-13">+7 (495) 987-65-43</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="event-item__image-container">
|
||||
<img src="/images/event-preview.png" alt="" />
|
||||
<div class="event-item__heading">
|
||||
<h2 class="event-item__title">Российское растениеводство</h2>
|
||||
<p class="event-item__subtitle">Весна 2024</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="event-single__content">
|
||||
<div class="event-item__text">
|
||||
<h3 class="event-item__description-header subtitle-13">О конференции</h3>
|
||||
<p class="event-item__description-text text-13">Сообщается, что компании удалось продать три своих мясных завода в Германии.
|
||||
Предприятие, занимающееся убоем крупного рогатого скота и переработкой говядины в Альтенбурге (Тюрингия), а также завод в Вестфалии,
|
||||
специализирующийся на тонкой нарезке ветчины и других продуктов из свинины, приобрела немецкая мясная компания Tönnies Group. </p>
|
||||
<p class="event-item__description-text text-13"> Ещё одно предприятие по переработке свинины в Бад-Берлебурге было продано немецкому
|
||||
мясопереработчику Uhlen GmbH. При этом свиноферма в Эмштеке будет закрыта, так как для неё не нашлось покупателя, сообщила компания.
|
||||
</p>
|
||||
<p class="event-item__description-text text-13"> Причиной ограничения своего присутствия на немецком рынке компания называет растущую
|
||||
конкуренцию и урон, нанесённый недавними вспышками АЧС.</p>
|
||||
<p class="event-item__description-text text-13"> По информации Всемирной организации здравоохранения животных, за 2023 год в Германии
|
||||
зарегистрировали 132 очага АЧС. Вспышки в прошлом году были выявлены в 18 странах Европы.</p>
|
||||
</div>
|
||||
<div class="article-single-img">
|
||||
<img src="/images/event_img_1.jpg" alt="" />
|
||||
<button class="interview-item-video__button text-11">
|
||||
<img src="/icons/play.svg" alt="" />
|
||||
Смотреть видео
|
||||
</button>
|
||||
</div>
|
||||
<div class="event-item__text">
|
||||
<p class="event-item__description-text text-13">Сообщается, что компании удалось продать три своих мясных завода в Германии.
|
||||
Предприятие, занимающееся убоем крупного рогатого скота и переработкой говядины в Альтенбурге (Тюрингия), а также завод в Вестфалии,
|
||||
специализирующийся на тонкой нарезке ветчины и других продуктов из свинины, приобрела немецкая мясная компания Tönnies Group. </p>
|
||||
<p class="event-item__description-text text-13"> Ещё одно предприятие по переработке свинины в Бад-Берлебурге было продано немецкому
|
||||
мясопереработчику Uhlen GmbH. При этом свиноферма в Эмштеке будет закрыта, так как для неё не нашлось покупателя, сообщила компания.
|
||||
</p>
|
||||
<p class="event-item__description-text text-13"> Причиной ограничения своего присутствия на немецком рынке компания называет растущую
|
||||
конкуренцию и урон, нанесённый недавними вспышками АЧС.</p>
|
||||
<p class="event-item__description-text text-13"> По информации Всемирной организации здравоохранения животных, за 2023 год в Германии
|
||||
зарегистрировали 132 очага АЧС. Вспышки в прошлом году были выявлены в 18 странах Европы.</p>
|
||||
</div>
|
||||
<div class="article-single-gal">
|
||||
<div class="article-single-img">
|
||||
<img src="/images/item-review.png" alt="" />
|
||||
<div class="article-single-img__text">
|
||||
Фото benedek / GettyImages
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-single-img">
|
||||
<img src="/images/event-preview.png" alt="" />
|
||||
<div class="article-single-img__text">
|
||||
Фото benedek / GettyImages
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="event-item__text">
|
||||
<p class="event-item__description-text text-13">Сообщается, что компании удалось продать три своих мясных завода в Германии.
|
||||
Предприятие, занимающееся убоем крупного рогатого скота и переработкой говядины в Альтенбурге (Тюрингия), а также завод в Вестфалии,
|
||||
специализирующийся на тонкой нарезке ветчины и других продуктов из свинины, приобрела немецкая мясная компания Tönnies Group. </p>
|
||||
<p class="event-item__description-text text-13"> Ещё одно предприятие по переработке свинины в Бад-Берлебурге было продано немецкому
|
||||
мясопереработчику Uhlen GmbH. При этом свиноферма в Эмштеке будет закрыта, так как для неё не нашлось покупателя, сообщила компания.
|
||||
</p>
|
||||
<p class="event-item__description-text text-13"> Причиной ограничения своего присутствия на немецком рынке компания называет растущую
|
||||
конкуренцию и урон, нанесённый недавними вспышками АЧС.</p>
|
||||
<p class="event-item__description-text text-13"> По информации Всемирной организации здравоохранения животных, за 2023 год в Германии
|
||||
зарегистрировали 132 очага АЧС. Вспышки в прошлом году были выявлены в 18 странах Европы.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
60
frontend/src/partials/single-partner-item.html
Normal file
60
frontend/src/partials/single-partner-item.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<div class="single-partner-item">
|
||||
<p class="subtitle_code">Реклама ФГБУ «ВГНКИ»ERID LatgC8LFN</p>
|
||||
<div class="single-partner__text-block">
|
||||
<h2 class="single-partner__block-title subtitle-13">
|
||||
Орган по сертификации ФГБУ «ВГНКИ» оказывает услуги по следующим
|
||||
направлениям:
|
||||
</h2>
|
||||
<ul>
|
||||
<li>
|
||||
добровольная сертификация ветеринарных препаратов и средств ухода за
|
||||
животными (СДС «ВП ВГНКИ»);
|
||||
</li>
|
||||
<li>
|
||||
добровольная сертификация ветеринарных препаратов и средств ухода за
|
||||
животными (СДС «ВП ВГНКИ»);
|
||||
</li>
|
||||
<li>
|
||||
добровольная сертификация ветеринарных препаратов и средств ухода за
|
||||
животными (СДС «ВП ВГНКИ»);
|
||||
</li>
|
||||
</ul>
|
||||
<ol>
|
||||
<li>
|
||||
добровольная сертификация ветеринарных препаратов и средств ухода за
|
||||
животными (СДС «ВП ВГНКИ»);
|
||||
</li>
|
||||
<li>
|
||||
добровольная сертификация ветеринарных препаратов и средств ухода за
|
||||
животными (СДС «ВП ВГНКИ»);
|
||||
</li>
|
||||
<li>
|
||||
добровольная сертификация ветеринарных препаратов и средств ухода за
|
||||
животными (СДС «ВП ВГНКИ»);
|
||||
</li>
|
||||
</ol>
|
||||
<p class="single-partner__paragraph text-13">
|
||||
В рамках систем добровольной сертификации у заявителей есть уникальная
|
||||
возможность получения добровольного сертификата соответствия на продукцию
|
||||
сроком до 4 лет (при успешном прохождения анализа состояния производства)
|
||||
и знака соответствия. Данный знак производитель может использовать при
|
||||
маркировке продукции для информирования потребителей и других
|
||||
заинтересованных лиц о соответствии товара требованиям, предъявляемым
|
||||
системами добровольной сертификации. Знак соответствия можно наносить на
|
||||
сопроводительную документацию и рекламную продукцию товара.
|
||||
</p>
|
||||
</div>
|
||||
<div class="single-partner__text-block">
|
||||
<h2 class="single-partner__block-title subtitle-13">Контакты:</h2>
|
||||
<p class="single-partner__paragraph text-13">
|
||||
123022, Звенигородское шоссе, д. 5, стр. 1
|
||||
</p>
|
||||
<p class="single-partner__paragraph text-13">
|
||||
+7 (499) 941-01-51 (доб. 174, 139)
|
||||
</p>
|
||||
<p class="single-partner__paragraph text-13">
|
||||
E-mail: certification@vgnki.ru
|
||||
</p>
|
||||
<p class="single-partner__paragraph text-13">Сайт: cert.vgnki.ru</p>
|
||||
</div>
|
||||
</div>
|
||||
3
frontend/src/partials/suggestion-item.html
Normal file
3
frontend/src/partials/suggestion-item.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<div class="suggestion-item">
|
||||
<a href="#"><h3 class="subtitle-16">Научно-методический базовый центр ФГБУ «ВГНКИ»</h3></a>
|
||||
</div>
|
||||
132
frontend/src/scripts/calendar.js
Normal file
132
frontend/src/scripts/calendar.js
Normal file
@@ -0,0 +1,132 @@
|
||||
import VanillaCalendar from 'vanilla-calendar-pro';
|
||||
import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
|
||||
|
||||
async function initCalendar() {
|
||||
async function fetchActiveDates() {
|
||||
const apiUrl = `/wp-json/agroexpert/v1/posts-by-date/`;
|
||||
|
||||
try {
|
||||
const response = await fetch(apiUrl);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP error! status: ${response.status}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error('Could not fetch active dates:', error);
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
function getFormattedDate() {
|
||||
const months = [
|
||||
'января',
|
||||
'февраля',
|
||||
'марта',
|
||||
'апреля',
|
||||
'мая',
|
||||
'июня',
|
||||
'июля',
|
||||
'августа',
|
||||
'сентября',
|
||||
'октября',
|
||||
'ноября',
|
||||
'декабря',
|
||||
];
|
||||
|
||||
const currentDate = new Date();
|
||||
const day = currentDate.getDate();
|
||||
const monthIndex = currentDate.getMonth();
|
||||
const year = currentDate.getFullYear();
|
||||
|
||||
const formattedDate = `${day} ${months[monthIndex]} ${year}`;
|
||||
|
||||
return formattedDate;
|
||||
}
|
||||
|
||||
const activeDates = [...(await fetchActiveDates())].map(date => {
|
||||
const [year, month, day] = date.split('-');
|
||||
const link = `${window.location.protocol}//${window.location.host}/${year}/${month}/${day}/`;
|
||||
|
||||
return {
|
||||
date,
|
||||
link,
|
||||
};
|
||||
});
|
||||
|
||||
const options = {
|
||||
settings: {
|
||||
lang: 'ru',
|
||||
selected: {
|
||||
dates: activeDates.map(d => d.date),
|
||||
},
|
||||
visibility: {
|
||||
theme: 'light',
|
||||
},
|
||||
},
|
||||
locale: {
|
||||
months: [
|
||||
'January',
|
||||
'February',
|
||||
'March',
|
||||
'April',
|
||||
'May',
|
||||
'June',
|
||||
'July',
|
||||
'August',
|
||||
'September',
|
||||
'October',
|
||||
'November',
|
||||
'December',
|
||||
],
|
||||
weekday: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
|
||||
},
|
||||
};
|
||||
|
||||
const eventCalendarHeader = document.querySelector('.event-calendar__header');
|
||||
const eventCalendarWrapper = document.querySelector(
|
||||
'.event-calendar__wrapper'
|
||||
);
|
||||
const eventCalendarToday = document.querySelector('#event-calendar__today');
|
||||
|
||||
if (eventCalendarToday) {
|
||||
eventCalendarToday.innerHTML = getFormattedDate();
|
||||
}
|
||||
|
||||
if (eventCalendarHeader && eventCalendarWrapper) {
|
||||
eventCalendarHeader.addEventListener('click', () => {
|
||||
eventCalendarWrapper.classList.toggle('is-active');
|
||||
eventCalendarHeader.classList.toggle('is-active');
|
||||
});
|
||||
}
|
||||
|
||||
if (document.querySelector('#calendar_event')) {
|
||||
const calendar = new VanillaCalendar('#calendar_event', options);
|
||||
calendar.init();
|
||||
}
|
||||
|
||||
if (document.querySelector('#calendar')) {
|
||||
const calendar = new VanillaCalendar('#calendar', options);
|
||||
calendar.init();
|
||||
}
|
||||
|
||||
document.addEventListener('click', function (event) {
|
||||
const target = event.target.closest('[data-calendar-day]');
|
||||
|
||||
if (target) {
|
||||
const clickedDate = target.getAttribute('data-calendar-day');
|
||||
|
||||
const dateObject = activeDates.find(
|
||||
dateObj => dateObj.date === clickedDate
|
||||
);
|
||||
|
||||
if (dateObject) {
|
||||
window.location.href = dateObject.link;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
initCalendar();
|
||||
8
frontend/src/scripts/menu-vertical.ts
Normal file
8
frontend/src/scripts/menu-vertical.ts
Normal file
@@ -0,0 +1,8 @@
|
||||
const menuVerticalHead = document.querySelector('.mobile .menu-vertical__head');
|
||||
const menuVerticalInner = document.querySelector('.mobile .menu-vertical__inner');
|
||||
if (menuVerticalHead && menuVerticalInner) {
|
||||
menuVerticalHead.addEventListener('click', () => {
|
||||
menuVerticalHead.classList.toggle('is-active');
|
||||
menuVerticalInner.classList.toggle('is-active');
|
||||
});
|
||||
}
|
||||
11
frontend/src/scripts/modal.ts
Normal file
11
frontend/src/scripts/modal.ts
Normal file
@@ -0,0 +1,11 @@
|
||||
const modalCloses = document.querySelectorAll('.modal__close');
|
||||
|
||||
if (modalCloses.length) {
|
||||
modalCloses.forEach(function (this: Element, modalClose) {
|
||||
modalClose.addEventListener('click', function (this: Element, event) {
|
||||
event.preventDefault();
|
||||
const modal = this.closest('.modal-overlay') as HTMLElement;
|
||||
modal.style.display = 'none';
|
||||
});
|
||||
});
|
||||
}
|
||||
13
frontend/src/scripts/scroll-to-top.js
Normal file
13
frontend/src/scripts/scroll-to-top.js
Normal file
@@ -0,0 +1,13 @@
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var toTopButton = document.querySelector('.to-top');
|
||||
|
||||
if (toTopButton) {
|
||||
toTopButton.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
8
frontend/src/scripts/search-form.ts
Normal file
8
frontend/src/scripts/search-form.ts
Normal file
@@ -0,0 +1,8 @@
|
||||
const searchFormInput = document.querySelector('.search-form__input') as HTMLInputElement | null;
|
||||
const searchFormClearButton = document.querySelector('.search-form__clear') as HTMLElement | null;
|
||||
|
||||
if (searchFormInput && searchFormClearButton) {
|
||||
searchFormClearButton.addEventListener('click', () => {
|
||||
searchFormInput.value = '';
|
||||
});
|
||||
}
|
||||
23
frontend/src/scripts/select.ts
Normal file
23
frontend/src/scripts/select.ts
Normal file
@@ -0,0 +1,23 @@
|
||||
//@ts-ignore
|
||||
import SlimSelect from 'slim-select';
|
||||
import 'slim-select/styles';
|
||||
|
||||
const settings = {
|
||||
showSearch: false,
|
||||
hideSelected: true,
|
||||
};
|
||||
|
||||
new SlimSelect({
|
||||
select: '#selectSort',
|
||||
settings,
|
||||
});
|
||||
|
||||
new SlimSelect({
|
||||
select: '#selectDate',
|
||||
settings,
|
||||
});
|
||||
|
||||
new SlimSelect({
|
||||
select: '#selectCategory',
|
||||
settings,
|
||||
});
|
||||
28
frontend/src/scripts/subscription-form.js
Normal file
28
frontend/src/scripts/subscription-form.js
Normal file
@@ -0,0 +1,28 @@
|
||||
const subscriptionForm = document.querySelectorAll('.wpcf7-form');
|
||||
const thankModal = document.querySelector('#modal-thank');
|
||||
|
||||
if (subscriptionForm) {
|
||||
/* Событие отрабатывает, когда где - то произошли ошибки */
|
||||
document.addEventListener(
|
||||
'wpcf7submit',
|
||||
function (event) {
|
||||
event.target.querySelector('.wpcf7-response-output').style.display =
|
||||
'none';
|
||||
event.target.querySelector('.wpcf7-spinner').style.display = 'none';
|
||||
for (let i = 0; i < event.target.querySelectorAll('input').length; i++) {
|
||||
let inputEl = event.target.querySelectorAll('input')[i];
|
||||
let inputValue = inputEl.valid;
|
||||
if (!inputValue) {
|
||||
event.target.querySelector('input[type="email"]')?.focus();
|
||||
inputEl.style.border = '1px solid #e01231';
|
||||
setTimeout(function () {
|
||||
inputEl.style.border = '1px solid #cfcfcf';
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
if (!event.detail.apiResponse.invalid_fields.length)
|
||||
thankModal.style.display = 'block';
|
||||
},
|
||||
false
|
||||
);
|
||||
}
|
||||
88
frontend/src/styles/components/about.css
Normal file
88
frontend/src/styles/components/about.css
Normal file
@@ -0,0 +1,88 @@
|
||||
.about {
|
||||
padding: 2rem 2.5rem 2.5rem 2.5rem;
|
||||
}
|
||||
|
||||
.about-text {
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.about-title {
|
||||
font-weight: 700;
|
||||
font-size: 1.8rem;
|
||||
line-height: 2.2rem;
|
||||
margin-top: 4.5rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.about-items {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||
column-gap: 1.6rem;
|
||||
row-gap: 2.5rem;
|
||||
}
|
||||
|
||||
.about-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1.6rem;
|
||||
}
|
||||
|
||||
.about-item__img {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.about-item__img img {
|
||||
position: absolute;
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.about-item__name {
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.6rem;
|
||||
margin-bottom: 0.5rem;
|
||||
max-width: 19rem;
|
||||
}
|
||||
|
||||
.about-item__position {
|
||||
font-weight: 500;
|
||||
font-size: 13px;
|
||||
line-height: 2rem;
|
||||
color: #2f2f2f;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding: 1.5rem 0.5rem;
|
||||
}
|
||||
|
||||
.about-title {
|
||||
font-size: 1.6rem;
|
||||
line-height: 2rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.about-items {
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.about-item__img {
|
||||
min-width: 8rem;
|
||||
}
|
||||
|
||||
.about-section-title {
|
||||
border-top: 1px solid var(--gray);
|
||||
}
|
||||
}
|
||||
152
frontend/src/styles/components/advert-item.css
Normal file
152
frontend/src/styles/components/advert-item.css
Normal file
@@ -0,0 +1,152 @@
|
||||
.advert-item {
|
||||
padding: 2rem 2.5rem 2.5rem;
|
||||
box-sizing: border-box;
|
||||
background: var(--bg);
|
||||
width: 100%;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
border-left: 1px solid var(--gray);
|
||||
margin-left: -1px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.advert-item {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.advert-item {
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.advert-item__heading {
|
||||
color: var(--white);
|
||||
position: absolute;
|
||||
left: 2.5rem;
|
||||
bottom: 3rem;
|
||||
}
|
||||
|
||||
.advert-item__block-title {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.advert-item__block-title_margin-lg {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.advert-item__block-title_margin-lg {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.advert-item__subtitle {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
|
||||
.advert-item__documents-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.advert-item__documents-list {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.advert-item__document {
|
||||
padding: 7px 9px;
|
||||
flex-grow: 1;
|
||||
background-color: var(--white);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.advert-item__document:hover .advert-item__document-description {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.advert-item__icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.advert-item__icon_pdf {
|
||||
background-image: url('/images/pdf_icon.png');
|
||||
}
|
||||
|
||||
.advert-item__icon_doc {
|
||||
background-image: url('/images/doc_icon.png');
|
||||
}
|
||||
|
||||
.advert-item__document-description {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.advert-item__contacts {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.advert-item__contacts {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.advert-item__contact-item {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
padding-bottom: 42px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.advert-item__contact-item {
|
||||
width: 100%;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.advert-item__avatar-container {
|
||||
flex-shrink: 0;
|
||||
width: 80px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.advert-item__contacts-avatar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.advert-item__contact-name {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.advert-item__contact-position {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.advert-item__contact-phone {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.advert-item__contact-email {
|
||||
color: var(--secondary);
|
||||
}
|
||||
172
frontend/src/styles/components/article-item.css
Normal file
172
frontend/src/styles/components/article-item.css
Normal file
@@ -0,0 +1,172 @@
|
||||
.article-item {
|
||||
padding: 1.2rem 1.25rem 0;
|
||||
box-sizing: border-box;
|
||||
background: var(--bg);
|
||||
width: 50%;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
border-left: 1px solid var(--gray);
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.article-item {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.article-item__image-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.article-item__image-container img {
|
||||
width: 100%;
|
||||
height: 21rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.article-item__text {
|
||||
margin-top: 0.5rem;
|
||||
padding: 1.5rem 1.25rem;
|
||||
}
|
||||
|
||||
.article-item__link {
|
||||
user-select: none;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.article-item__link:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.article-item__tag {
|
||||
position: absolute;
|
||||
right: 1.3rem;
|
||||
bottom: 2.1rem;
|
||||
}
|
||||
|
||||
.article-item__title {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.article-item--lg {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.article-item--lg .article-item__image-container img {
|
||||
height: 41.5rem;
|
||||
}
|
||||
|
||||
.article-item--lg .article-item__text {
|
||||
margin-top: 0;
|
||||
padding: 2rem 2.5rem 2.5rem 2.5rem;
|
||||
}
|
||||
|
||||
.article-item__descr {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.article-item--no-image {
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
min-height: 22.6rem;
|
||||
}
|
||||
|
||||
.article-item--no-image .article-item__text {
|
||||
padding: 1.5rem 2.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.article-item--no-image .article-item__tag {
|
||||
border-color: #7c7c7c;
|
||||
color: #000;
|
||||
position: relative;
|
||||
right: unset;
|
||||
bottom: unset;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.article-item--no-image .article-item__descr {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.article-item--horizontal {
|
||||
width: 100%;
|
||||
padding: 1.2rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.article-item--horizontal .article-item__image-container {
|
||||
width: 33rem;
|
||||
min-width: 33rem;
|
||||
}
|
||||
|
||||
.article-item--horizontal .article-item__text {
|
||||
margin-top: 0;
|
||||
padding: 1.5rem 2.5rem;
|
||||
}
|
||||
|
||||
.article-item--inline {
|
||||
width: 100%;
|
||||
padding: 1.2rem;
|
||||
}
|
||||
|
||||
.article-item--inline .article-item__text {
|
||||
margin-top: 0;
|
||||
padding: 1.5rem 2.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.articles-preview {
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
|
||||
.article-item {
|
||||
padding: 1.2rem 2rem 2.7rem 2rem;
|
||||
border: 0;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.article-item__text {
|
||||
padding: 1rem 0.7rem 0 0.7rem;
|
||||
}
|
||||
|
||||
.article-item--lg {
|
||||
padding: 0;
|
||||
border-top: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.article-item--lg .article-item__image-container img {
|
||||
height: 26rem;
|
||||
}
|
||||
|
||||
.article-item--lg .article-item__text {
|
||||
padding: 2.7rem;
|
||||
}
|
||||
|
||||
.article-item__descr {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.article-item--horizontal {
|
||||
padding: 1.2rem 2rem;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.article-item--horizontal .article-item__image-container {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.article-item--horizontal .article-item__text {
|
||||
margin-top: 0;
|
||||
padding: 1.5rem 0.7rem;
|
||||
}
|
||||
|
||||
.article-item--inline .article-item__text {
|
||||
margin-top: 0;
|
||||
padding: 0.3rem 0.7rem;
|
||||
}
|
||||
}
|
||||
216
frontend/src/styles/components/article-single.css
Normal file
216
frontend/src/styles/components/article-single.css
Normal file
@@ -0,0 +1,216 @@
|
||||
.article-single {
|
||||
padding: 2rem 2.5rem 0 2.5rem;
|
||||
}
|
||||
|
||||
.article-time.article-single__time {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-single__tag {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6rem;
|
||||
color: #000;
|
||||
padding: 0.1rem 1.2rem;
|
||||
border: 1px solid #7c7c7c;
|
||||
border-radius: 5rem;
|
||||
display: inline-block;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-single__title {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-author {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1.4rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-author__img {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.article-author__img img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.article-author__name {
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
color: #2f2f2f;
|
||||
}
|
||||
|
||||
.article-single__content p {
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.article-single__content a {
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
.article-single-img,
|
||||
.wp-block-image {
|
||||
margin: 0 -2.5rem;
|
||||
position: relative;
|
||||
margin-bottom: 2rem;
|
||||
height: 41.5rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.event-single .article-single-img,
|
||||
.event-single .wp-block-image {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.article-single-img>img,
|
||||
.wp-block-image>img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.article-single-img__text,
|
||||
.wp-element-caption {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 2.5rem;
|
||||
bottom: 2.5rem;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.article-single-img__video {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2rem;
|
||||
position: absolute;
|
||||
left: 3.9rem;
|
||||
bottom: 2.3rem;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.article-single-gal,
|
||||
.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 0.1rem;
|
||||
margin: 0 -2.5rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.event-single .article-single-gal,
|
||||
.event-single .wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex .wp-block-image {
|
||||
margin: 0;
|
||||
margin-bottom: 0;
|
||||
height: 20.8rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.article-single-gal .article-single-img,
|
||||
.wp-block-gallery .article-single-img {
|
||||
margin: 0;
|
||||
height: 20.8rem;
|
||||
}
|
||||
|
||||
.article-section__title {
|
||||
box-sizing: border-box;
|
||||
padding: 2.5rem;
|
||||
font-weight: 700;
|
||||
font-size: 1.8rem;
|
||||
line-height: 2.2rem;
|
||||
border-top: 1px solid var(--gray);
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.article-single {
|
||||
border-top: 1px solid var(--gray);
|
||||
margin: 0 -2rem;
|
||||
padding: 1.5rem 2.4rem 0.5rem 2.4rem;
|
||||
}
|
||||
|
||||
.article-time.article-single__time {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.article-single__tag {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.article-single__title {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.article-author {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.article-single__content p {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-single-img,
|
||||
.wp-block-image {
|
||||
margin: 0 -2.4rem;
|
||||
margin-bottom: 2rem;
|
||||
height: 26rem;
|
||||
}
|
||||
|
||||
.article-single-img__text {
|
||||
bottom: 2rem;
|
||||
}
|
||||
|
||||
.article-single-img__video {
|
||||
left: 2.1rem;
|
||||
bottom: 2.1rem;
|
||||
}
|
||||
|
||||
.article-single-gal,
|
||||
.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 0;
|
||||
margin: 0 -2.4rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex .wp-block-image {
|
||||
height: 26rem;
|
||||
}
|
||||
|
||||
.article-single-gal .article-single-img {
|
||||
height: 26rem;
|
||||
}
|
||||
|
||||
.article-section__title {
|
||||
width: calc(100% + 4rem);
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
|
||||
.article-item--no-image {
|
||||
padding: 0;
|
||||
min-height: unset;
|
||||
}
|
||||
}
|
||||
18
frontend/src/styles/components/banner.css
Normal file
18
frontend/src/styles/components/banner.css
Normal file
@@ -0,0 +1,18 @@
|
||||
.banner--header {
|
||||
height: 12rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.banner--header img {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner--header {
|
||||
height: 8rem;
|
||||
}
|
||||
}
|
||||
42
frontend/src/styles/components/breadcrumbs.css
Normal file
42
frontend/src/styles/components/breadcrumbs.css
Normal file
@@ -0,0 +1,42 @@
|
||||
.breadcrumbs {
|
||||
background: #fff;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
margin-bottom: -4px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.breadcrumbs__list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8rem;
|
||||
padding: 0.8rem 5rem;
|
||||
}
|
||||
|
||||
.breadcrumbs__item {
|
||||
line-height: 1.2rem;
|
||||
color: #7c7c7c;
|
||||
transition: 0.3s;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
|
||||
a.breadcrumbs__item:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
a.breadcrumbs__item::after {
|
||||
content: '';
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
background: url('/icons/breadcrumbs_arrow.svg');
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.breadcrumbs__list {
|
||||
flex-wrap: wrap;
|
||||
padding: 0.8rem 0.5rem;
|
||||
}
|
||||
}
|
||||
14
frontend/src/styles/components/button.css
Normal file
14
frontend/src/styles/components/button.css
Normal file
@@ -0,0 +1,14 @@
|
||||
.button {
|
||||
padding: 1.5rem;
|
||||
background: var(--primary);
|
||||
font-weight: 700;
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.8rem;
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: var(--secondary);
|
||||
}
|
||||
115
frontend/src/styles/components/calendar.css
Normal file
115
frontend/src/styles/components/calendar.css
Normal file
@@ -0,0 +1,115 @@
|
||||
.vanilla-calendar {
|
||||
min-width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.vanilla-calendar-days {
|
||||
row-gap: 0;
|
||||
}
|
||||
|
||||
.vanilla-calendar-day {
|
||||
height: 4.2rem;
|
||||
}
|
||||
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_today {
|
||||
background: none;
|
||||
}
|
||||
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_today:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn {
|
||||
color: #9a9a9a;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover,
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected {
|
||||
color: #eb5757;
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend,
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday {
|
||||
color: #eb5757;
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected {
|
||||
color: #000;
|
||||
background: transparent;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected::before {
|
||||
content: '';
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
top: 0.9rem;
|
||||
right: 0.3rem;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
background: var(--primary);
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected:hover,
|
||||
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover {
|
||||
color: #000;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.vanilla-calendar-month,
|
||||
.vanilla-calendar-year {
|
||||
font-weight: 500;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.vanilla-calendar-day__btn {
|
||||
font-size: 1.6rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.vanilla-calendar-week {
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-week__day {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
|
||||
[data-calendar-theme='light'] .vanilla-calendar-week__day_weekend {
|
||||
color: #eb5757;
|
||||
}
|
||||
|
||||
.vanilla-calendar-week__day {
|
||||
font-weight: 700;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
|
||||
.vanilla-calendar-header {
|
||||
margin-bottom: 1.9rem;
|
||||
}
|
||||
|
||||
.vanilla-calendar-day__btn:not(.vanilla-calendar-day__btn_selected) {
|
||||
pointer-events: none;
|
||||
}
|
||||
35
frontend/src/styles/components/checkbox.css
Normal file
35
frontend/src/styles/components/checkbox.css
Normal file
@@ -0,0 +1,35 @@
|
||||
.checkbox {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox__input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.checkbox__input:checked~.checkbox__inner .checkbox__check img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.checkbox__inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.checkbox__check {
|
||||
width: 1.8rem;
|
||||
height: 1.8rem;
|
||||
border-radius: 0.3rem;
|
||||
border: 1px solid #CFCFCF;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.checkbox__check img {
|
||||
display: none;
|
||||
}
|
||||
104
frontend/src/styles/components/contacts.css
Normal file
104
frontend/src/styles/components/contacts.css
Normal file
@@ -0,0 +1,104 @@
|
||||
.contacts__map-container {
|
||||
width: 100%;
|
||||
max-width: 711px;
|
||||
aspect-ratio: 711 / 414;
|
||||
}
|
||||
|
||||
.contacts__map {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.contacts__container {
|
||||
padding: 20px 25px 25px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.contacts__text-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
}
|
||||
.contacts__block-email {
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
.contacts__form {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.contacts__input {
|
||||
box-sizing: border-box;
|
||||
padding: 12px 13px 11px;
|
||||
border: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.contacts__input::placeholder {
|
||||
color: var(--placeholder-gray);
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.contacts__input_name {
|
||||
width: calc(50% - 10px);
|
||||
}
|
||||
|
||||
.contacts__input_email {
|
||||
width: calc(50% - 10px);
|
||||
}
|
||||
|
||||
.contacts__input_theme {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contacts__input_message {
|
||||
height: 160px;
|
||||
width: 100%;
|
||||
resize: none;
|
||||
}
|
||||
.contacts__submit-button {
|
||||
padding: 12px 40px !important;
|
||||
}
|
||||
.contacts__policy {
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
@media (max-width: 1439px) {
|
||||
.contacts__map-container {
|
||||
max-width: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contacts__map-container {
|
||||
aspect-ratio: 360 / 260;
|
||||
margin: 0 -2rem;
|
||||
width: calc(100% + 4rem);
|
||||
}
|
||||
|
||||
.contacts__container {
|
||||
padding: 15px 26.5px;
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
|
||||
.contacts__form {
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.contacts__input_name,
|
||||
.contacts__input_email {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contacts__submit-button {
|
||||
padding: 15px 40px !important;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
56
frontend/src/styles/components/error-page.css
Normal file
56
frontend/src/styles/components/error-page.css
Normal file
@@ -0,0 +1,56 @@
|
||||
.error-page {
|
||||
min-height: 57.9rem;
|
||||
background: url('/images/error_bg.jpg') top no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.error-page-500 {
|
||||
background: url('/images/bg_500.jpg') top no-repeat;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.error-page__inner {
|
||||
padding: 14.8rem 23.2rem;
|
||||
}
|
||||
|
||||
.error-page__title {
|
||||
font-weight: 700;
|
||||
font-size: 2rem;
|
||||
line-height: 2.4rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.error-page__subtitle {
|
||||
font-weight: 700;
|
||||
font-size: 1.6rem;
|
||||
line-height: 2rem;
|
||||
margin-bottom: 2.5rem;
|
||||
max-width: 31rem;
|
||||
}
|
||||
|
||||
.error-page__btn {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 26.1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.error-page {
|
||||
min-height: unset;
|
||||
background-position: top 0% right 27%;
|
||||
}
|
||||
|
||||
.error-page__inner {
|
||||
padding: 23.8rem 0.8rem 11.2rem 0.8rem;
|
||||
}
|
||||
|
||||
.error-page__subtitle {
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
.error-page__btn {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
86
frontend/src/styles/components/event-item.css
Normal file
86
frontend/src/styles/components/event-item.css
Normal file
@@ -0,0 +1,86 @@
|
||||
.event-item {
|
||||
padding: 1.2rem 1.25rem 0;
|
||||
box-sizing: border-box;
|
||||
background: var(--bg);
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
border-left: 1px solid var(--gray);
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.event-item {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.event-item__image-container {
|
||||
position: relative;
|
||||
height: 30rem;
|
||||
}
|
||||
|
||||
.event-item__image-container img {
|
||||
width: 100%;
|
||||
height: 30rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.event-item__heading {
|
||||
color: var(--white);
|
||||
position: absolute;
|
||||
left: 2.5rem;
|
||||
bottom: 3rem;
|
||||
}
|
||||
|
||||
.event-item__title {
|
||||
font-weight: 700;
|
||||
font-size: 3.2rem;
|
||||
line-height: 1.17;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.event-item__subtitle {
|
||||
font-weight: 700;
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
|
||||
.event-item__text {
|
||||
padding: 2rem 2.5rem 2.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.event-item__description-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.event-item__heading {
|
||||
left: 2.5rem;
|
||||
bottom: 3.2rem;
|
||||
}
|
||||
|
||||
.event-item__image-container,
|
||||
.event-item__image-container img {
|
||||
height: 26rem;
|
||||
}
|
||||
|
||||
.event-item__title {
|
||||
max-width: 50%;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.event-item__subtitle {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.event-item__text {
|
||||
padding: 1.5rem 2.6rem 1.5rem;
|
||||
gap: 1rem;
|
||||
}
|
||||
}
|
||||
54
frontend/src/styles/components/fonts.css
Normal file
54
frontend/src/styles/components/fonts.css
Normal file
@@ -0,0 +1,54 @@
|
||||
h1,
|
||||
.h1 {
|
||||
font-weight: 700;
|
||||
font-size: 2rem;
|
||||
line-height: 2.4rem;
|
||||
}
|
||||
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 3.6rem;
|
||||
line-height: 4.6rem;
|
||||
}
|
||||
|
||||
h3,
|
||||
.h3 {
|
||||
font-size: 3.2rem;
|
||||
line-height: 4.1rem;
|
||||
}
|
||||
|
||||
.subtitle-20 {
|
||||
font-weight: 700;
|
||||
font-size: 2rem;
|
||||
line-height: 2.3rem;
|
||||
}
|
||||
|
||||
.subtitle-18 {
|
||||
font-weight: 700;
|
||||
font-size: 1.8rem;
|
||||
line-height: 2.1rem;
|
||||
}
|
||||
|
||||
.subtitle-16 {
|
||||
font-weight: 700;
|
||||
font-size: 1.6rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.subtitle-13 {
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.6rem;
|
||||
}
|
||||
|
||||
.text-13 {
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.9rem;
|
||||
}
|
||||
|
||||
.text-11 {
|
||||
font-weight: 400;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6rem;
|
||||
}
|
||||
112
frontend/src/styles/components/hero.css
Normal file
112
frontend/src/styles/components/hero.css
Normal file
@@ -0,0 +1,112 @@
|
||||
.hero__inner {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
}
|
||||
|
||||
.hero-banner {
|
||||
grid-column: span 3;
|
||||
min-height: 40rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
padding: 0 3.6rem 3rem 11.7rem;
|
||||
}
|
||||
|
||||
.hero-banner__bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.hero-banner__bg::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: linear-gradient(19.49deg, #000000 2.74%, rgba(0, 0, 0, 0) 52.71%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.hero-banner__bg img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.hero-banner__main {
|
||||
font-size: 2.6rem;
|
||||
font-weight: 700;
|
||||
line-height: 3.2rem;
|
||||
text-transform: uppercase;
|
||||
transform: rotate(-90deg);
|
||||
color: var(--primary);
|
||||
position: absolute;
|
||||
left: -1.5rem;
|
||||
bottom: 7.5rem;
|
||||
}
|
||||
|
||||
.hero-banner__content {
|
||||
max-width: 57rem;
|
||||
}
|
||||
|
||||
.hero-banner__title {
|
||||
color: var(--white);
|
||||
max-width: 34rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.hero-banner__text {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.most-read.hero__most-read {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hero__container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.hero__inner {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.hero-banner {
|
||||
width: 100%;
|
||||
padding: 0 2rem 4rem 6.5rem;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-end;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.hero-banner::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: linear-gradient(19.49deg, #000000 2.74%, rgba(0, 0, 0, 0) 52.71%),
|
||||
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
|
||||
}
|
||||
|
||||
.hero-banner__main {
|
||||
left: -3.3rem;
|
||||
bottom: 12.5rem;
|
||||
}
|
||||
|
||||
.hero-banner__content,
|
||||
.hero-banner__tag {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
12
frontend/src/styles/components/input.css
Normal file
12
frontend/src/styles/components/input.css
Normal file
@@ -0,0 +1,12 @@
|
||||
.input {
|
||||
border: 1px solid #cfcfcf;
|
||||
background: #fff;
|
||||
padding: 1.2rem 1.3rem;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.input::placeholder {
|
||||
color: #3a3a3a;
|
||||
}
|
||||
19
frontend/src/styles/components/interview-item.css
Normal file
19
frontend/src/styles/components/interview-item.css
Normal file
@@ -0,0 +1,19 @@
|
||||
.interview-item__image-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.interview-item__image-container > img {
|
||||
width: 100%;
|
||||
height: 21rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.interview-item-video__button {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: white;
|
||||
gap: 1.5rem;
|
||||
left: 1.5rem;
|
||||
bottom: 2rem;
|
||||
}
|
||||
81
frontend/src/styles/components/menu-vertical.css
Normal file
81
frontend/src/styles/components/menu-vertical.css
Normal file
@@ -0,0 +1,81 @@
|
||||
.menu-vertical {
|
||||
padding: 2.5rem 5.6rem;
|
||||
}
|
||||
|
||||
.menu-vertical__inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.menu-vertical__item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1.5rem;
|
||||
font-weight: 600;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.5rem;
|
||||
color: var(--secondary);
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.menu-vertical__item-icon img {
|
||||
max-width: 2rem;
|
||||
}
|
||||
|
||||
.menu-vertical__item.is-active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.menu-vertical__item:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.menu-vertical__head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.menu-vertical {
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.menu-vertical__head {
|
||||
padding: 1.7rem 0.5rem;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.6rem;
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
.menu-vertical__head.is-active svg {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.menu-vertical__head svg {
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.menu-vertical__inner {
|
||||
position: absolute;
|
||||
left: -2rem;
|
||||
top: 100%;
|
||||
width: calc(100% + 4rem);
|
||||
z-index: 1;
|
||||
background: var(--bg);
|
||||
padding: 2rem 2.5rem 3rem 2.5rem;
|
||||
border-top: 1px solid var(--gray);
|
||||
box-shadow: 0px 4px 4px 0px #00000026;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-vertical__inner.is-active {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
119
frontend/src/styles/components/menu.css
Normal file
119
frontend/src/styles/components/menu.css
Normal file
@@ -0,0 +1,119 @@
|
||||
.menu__inner {
|
||||
padding: 0.2rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
column-gap: 0.5rem;
|
||||
row-gap: 0.2rem;
|
||||
}
|
||||
|
||||
.menu-link {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding: 0 3.6rem;
|
||||
box-shadow: 2px 2px 5px 0px #00000040;
|
||||
border: 1px solid;
|
||||
border-image-source: linear-gradient(0deg, #c2c2c2 0%, #ffffff 100%);
|
||||
background: #f7f8f3;
|
||||
min-height: 9.4rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
.menu-link {
|
||||
padding: 0 2.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-link:hover .menu-link__bg {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.menu-link__bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.menu-link__bg img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.menu-link__icon {
|
||||
display: flex;
|
||||
margin-bottom: 0.8rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.menu-link__text {
|
||||
font-weight: 600;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.4rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.menu {
|
||||
padding: 1.5rem 0;
|
||||
overflow: auto;
|
||||
background: #edefe4;
|
||||
}
|
||||
|
||||
.menu::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu__inner {
|
||||
display: flex;
|
||||
column-gap: 0.9rem;
|
||||
}
|
||||
|
||||
.menu-link {
|
||||
min-width: 25rem;
|
||||
flex-direction: row;
|
||||
gap: 1.5rem;
|
||||
min-height: 5.4rem;
|
||||
padding: 1.6rem 2.3rem;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.menu__inner::after {
|
||||
content: '';
|
||||
display: flex;
|
||||
width: 2rem;
|
||||
min-width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.menu-link__bg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-link__icon {
|
||||
width: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.menu-link__icon img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.menu-link__text {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.5rem;
|
||||
color: var(--secondary);
|
||||
}
|
||||
}
|
||||
70
frontend/src/styles/components/modal.css
Normal file
70
frontend/src/styles/components/modal.css
Normal file
@@ -0,0 +1,70 @@
|
||||
.modal-overlay {
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: scroll;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
}
|
||||
|
||||
.modal-thank {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 57.2rem;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.modal-thank__close {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
right: 1.6rem;
|
||||
top: 1.6rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.modal-thank__title {
|
||||
padding: 2.4rem;
|
||||
font-weight: 700;
|
||||
font-size: 2rem;
|
||||
line-height: 2.4rem;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.modal-thank__text {
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
color: #2F2F2F;
|
||||
padding: 2.1rem;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.modal-thank__footer {
|
||||
padding: 2.4rem;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.modal-thank__footer:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.modal-thank {
|
||||
width: 32rem;
|
||||
}
|
||||
|
||||
.modal-thank__close {
|
||||
right: 0.8rem;
|
||||
top: 0.8rem;
|
||||
}
|
||||
}
|
||||
51
frontend/src/styles/components/most-read.css
Normal file
51
frontend/src/styles/components/most-read.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.most-read {
|
||||
padding: 1.7rem 1.5rem;
|
||||
display: flex;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.most-read__inner {
|
||||
border: 1px solid var(--primary);
|
||||
padding: 4.5rem 2.4rem;
|
||||
width: calc(100% - 4.6rem);
|
||||
}
|
||||
|
||||
.most-read__title {
|
||||
color: var(--secondary);
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.most-read__link {
|
||||
padding-bottom: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.most-read__link:last-child {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.most-read__link-inner {
|
||||
transition: 0.3s;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.most-read__link-inner:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.most-read {
|
||||
margin: 0 -2rem;
|
||||
padding: 1.3rem;
|
||||
}
|
||||
|
||||
.most-read__inner {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 2.3rem;
|
||||
/* width: calc(100% - 4.6rem); */
|
||||
}
|
||||
}
|
||||
33
frontend/src/styles/components/nav.css
Normal file
33
frontend/src/styles/components/nav.css
Normal file
@@ -0,0 +1,33 @@
|
||||
.nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4rem;
|
||||
font-weight: 700;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.6rem;
|
||||
margin: 0 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.nav {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
justify-content: space-between;
|
||||
gap: 2rem;
|
||||
max-width: 234px;
|
||||
margin: 2.9rem auto 3.6rem;
|
||||
}
|
||||
.nav .menu-item:nth-child(2n - 2) {
|
||||
justify-self: right;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item a {
|
||||
color: #000;
|
||||
white-space: nowrap;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.menu-item a:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
53
frontend/src/styles/components/pagination.css
Normal file
53
frontend/src/styles/components/pagination.css
Normal file
@@ -0,0 +1,53 @@
|
||||
.pagination {
|
||||
padding: 1.7rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-top: 1px solid var(--gray);
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.pagination__list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.pagination__item {
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
color: #000;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
a.pagination__item:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.pagination__item.is-active {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pagination__btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.2rem;
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
color: #000;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.pagination__btn:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pagination {
|
||||
border-top: 0;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
}
|
||||
56
frontend/src/styles/components/partner-item.css
Normal file
56
frontend/src/styles/components/partner-item.css
Normal file
@@ -0,0 +1,56 @@
|
||||
.partner-item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 12px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.partner-item:not(:last-of-type) {
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.partner-item:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.partner-item p {
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.partner-item:hover p {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.partner-item__text-container {
|
||||
padding: 15px 25px 15px;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
.partner-item__image-container {
|
||||
flex-shrink: 0;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.partner-item__image-container img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.partner-item {
|
||||
padding: 12px 20px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.partner-item__image-container {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.partner-item__text-container {
|
||||
padding: 15px 7px 15px;
|
||||
}
|
||||
|
||||
.partner-item {
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
}
|
||||
85
frontend/src/styles/components/search-form.css
Normal file
85
frontend/src/styles/components/search-form.css
Normal file
@@ -0,0 +1,85 @@
|
||||
.search-form {
|
||||
padding: 2rem 2.5rem 2.5rem 2.5rem;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.search-form__wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.search-form__input-wrapper {
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.search-form__input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.search-form__clear {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 1.3rem;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search-form__clear svg rect {
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.search-form__clear:hover svg rect {
|
||||
fill: var(--primary);
|
||||
}
|
||||
|
||||
.search-form__button {
|
||||
width: 13rem;
|
||||
}
|
||||
|
||||
.search-form__text {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6rem;
|
||||
color: #2F2F2F;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.search-form__selects {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.search-form__selects {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.ss-content {
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
padding: 1.5rem 2.5rem;
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
|
||||
.search-form__input-wrapper {
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.search-form__button {
|
||||
width: 100%;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.search-preview {
|
||||
margin-bottom: 2.7rem;
|
||||
}
|
||||
}
|
||||
10
frontend/src/styles/components/section-title.css
Normal file
10
frontend/src/styles/components/section-title.css
Normal file
@@ -0,0 +1,10 @@
|
||||
.section-title {
|
||||
padding: 2.5rem;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.section-title {
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
}
|
||||
62
frontend/src/styles/components/select.css
Normal file
62
frontend/src/styles/components/select.css
Normal file
@@ -0,0 +1,62 @@
|
||||
.ss-main {
|
||||
color: #2F2F2F;
|
||||
min-height: 2.4rem;
|
||||
padding: 0.3rem 1.1rem;
|
||||
width: auto;
|
||||
white-space: nowrap;
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
margin-left: -1.1rem;
|
||||
border-radius: 0;
|
||||
z-index: 99999;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ss-main:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ss-main .ss-values .ss-single {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
margin-right: 1rem;
|
||||
align-items: center;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
|
||||
.ss-main .ss-arrow {
|
||||
min-width: 12px;
|
||||
}
|
||||
|
||||
.ss-main.ss-open-below {
|
||||
border-color: var(--gray);
|
||||
border-bottom-color: transparent;
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.ss-content .ss-list {
|
||||
min-width: 13.7rem;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ss-content {
|
||||
min-width: 13.7rem;
|
||||
padding-bottom: 0.9rem;
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.ss-content .ss-list .ss-option {
|
||||
gap: 0.8rem;
|
||||
padding: 0 0.9rem;
|
||||
color: #2F2F2F;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.ss-content .ss-list .ss-option:hover {
|
||||
color: var(--primary);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ss-content.ss-open-below {
|
||||
border-radius: 0;
|
||||
}
|
||||
79
frontend/src/styles/components/shared.css
Normal file
79
frontend/src/styles/components/shared.css
Normal file
@@ -0,0 +1,79 @@
|
||||
.tag {
|
||||
font-size: 1.1rem;
|
||||
border: 1px solid white;
|
||||
border-radius: 5rem;
|
||||
color: white;
|
||||
padding: 0.1rem 1.2rem;
|
||||
}
|
||||
|
||||
.article-time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.8rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.span-2 {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.link::after {
|
||||
content: '';
|
||||
width: 1.5rem;
|
||||
height: 0.9rem;
|
||||
margin-left: 0.8rem;
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('/icons/arrow.svg');
|
||||
}
|
||||
|
||||
.doc {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
padding-bottom: 20px;
|
||||
margin-top: 2rem;
|
||||
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.doc::before {
|
||||
content: '';
|
||||
height: 3rem;
|
||||
flex-shrink: 0;
|
||||
width: 3.6rem;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('/icons/doc.svg');
|
||||
}
|
||||
|
||||
.doc:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.desktop {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
.footer__socials {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.suggestion-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid var(--gray);
|
||||
}
|
||||
69
frontend/src/styles/components/single-partner-item.css
Normal file
69
frontend/src/styles/components/single-partner-item.css
Normal file
@@ -0,0 +1,69 @@
|
||||
.single-partner-item {
|
||||
width: 100%;
|
||||
padding: 20px 25px 25px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.subtitle_code {
|
||||
color: var(--adv-gray);
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.single-partner__text-block {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.single-partner__block-title {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.content-middle ul,
|
||||
.content-middle ol {
|
||||
margin-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.content-middle ol li {
|
||||
list-style: decimal;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
.content-middle li {
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.content-middle ul li::before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
flex-shrink: 0;
|
||||
left: -12px;
|
||||
top: 8px;
|
||||
flex-grow: 0;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
max-height: 3px;
|
||||
overflow: visible;
|
||||
border-radius: 50%;
|
||||
background: var(--black);
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.single-partner-item {
|
||||
width: 100%;
|
||||
padding: 15px 26.5px;
|
||||
}
|
||||
|
||||
.single-partner__block-title {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
14
frontend/src/styles/components/socials.css
Normal file
14
frontend/src/styles/components/socials.css
Normal file
@@ -0,0 +1,14 @@
|
||||
.socials {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4rem;
|
||||
}
|
||||
|
||||
.social-link {
|
||||
display: flex;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.social-link:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
24
frontend/src/styles/components/subscribe-form.css
Normal file
24
frontend/src/styles/components/subscribe-form.css
Normal file
@@ -0,0 +1,24 @@
|
||||
.subscribe-form {
|
||||
padding: 2.5rem 5.1rem 2.7rem 3.8rem;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.subscribe-form__title {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.subscribe-form__text {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.subscribe-form__input {
|
||||
margin-bottom: 2rem;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.subscribe-form__btn {
|
||||
width: 100%;
|
||||
}
|
||||
115
frontend/src/styles/components/subscription-form.css
Normal file
115
frontend/src/styles/components/subscription-form.css
Normal file
@@ -0,0 +1,115 @@
|
||||
.subscription-form {
|
||||
padding: 2rem 2.5rem 2.5rem 2.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.subscription-form__bg {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.subscription-form__bg img:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.subscription-form__title {
|
||||
font-weight: 500;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
margin-bottom: 2.5rem;
|
||||
color: #2f2f2f;
|
||||
}
|
||||
|
||||
.subscription-form__subtitle {
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.6rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.subscription-form__options {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 1rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.subscription-form__input {
|
||||
width: 27.4rem;
|
||||
margin-bottom: 2rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.subscription-form__btn {
|
||||
width: 27.4rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.subscription-form__policy {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6rem;
|
||||
color: #2f2f2f;
|
||||
}
|
||||
|
||||
.subscription-form__policy a {
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
.grid {
|
||||
border-top: 1px solid var(--gray);
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.grid__item {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.grid__item:first-child {
|
||||
border-right: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.subscription-section-title {
|
||||
border-top: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.subscription-form {
|
||||
padding: 1.5rem 0.8rem 1.5rem 0.8rem;
|
||||
}
|
||||
|
||||
.subscription-form__input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.subscription-form__btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.subscription-form__bg {
|
||||
right: -2rem;
|
||||
}
|
||||
|
||||
.subscription-form__bg img:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.subscription-form__bg img:last-child {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.articles-preview__show-next.subsctiption-back {
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
28
frontend/src/styles/components/suggestion-item.css
Normal file
28
frontend/src/styles/components/suggestion-item.css
Normal file
@@ -0,0 +1,28 @@
|
||||
.suggestion-item {
|
||||
width: 50%;
|
||||
flex-grow: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 15px 25px;
|
||||
background-color: var(--white);
|
||||
}
|
||||
|
||||
.suggestion-item:nth-of-type(2n + 1) {
|
||||
border-right: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.suggestion-item:nth-of-type(-n + 2) {
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.suggestion-item {
|
||||
margin: 0 -2rem;
|
||||
padding: 15px 25px;
|
||||
width: calc(100% + 4rem);
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.suggestion-item:not(:last-of-type) {
|
||||
border-bottom: 1px solid var(--gray) !important;
|
||||
}
|
||||
}
|
||||
8
frontend/src/styles/components/tag.css
Normal file
8
frontend/src/styles/components/tag.css
Normal file
@@ -0,0 +1,8 @@
|
||||
.tag {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6rem;
|
||||
padding: 0.1rem 1.2rem;
|
||||
border: 1px solid var(--white);
|
||||
color: var(--white);
|
||||
border-radius: 5rem;
|
||||
}
|
||||
19
frontend/src/styles/components/to-top.css
Normal file
19
frontend/src/styles/components/to-top.css
Normal file
@@ -0,0 +1,19 @@
|
||||
.to-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.4rem;
|
||||
color: #3f3f3f;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.to-top:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.to-top {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
14
frontend/src/styles/components/upcoming-events.css
Normal file
14
frontend/src/styles/components/upcoming-events.css
Normal file
@@ -0,0 +1,14 @@
|
||||
.upcoming-event {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
padding-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.upcoming-event .link {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.upcoming-event:last-child {
|
||||
padding-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
10
frontend/src/styles/layout/container.css
Normal file
10
frontend/src/styles/layout/container.css
Normal file
@@ -0,0 +1,10 @@
|
||||
.container {
|
||||
max-width: 1440px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.container {
|
||||
padding: 0 2rem;
|
||||
}
|
||||
}
|
||||
86
frontend/src/styles/layout/footer.css
Normal file
86
frontend/src/styles/layout/footer.css
Normal file
@@ -0,0 +1,86 @@
|
||||
.footer {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.footer-top {
|
||||
border-top: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.footer-top__inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 3rem 6.9rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1400px) {
|
||||
.footer-top__inner {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
}
|
||||
|
||||
.footer__nav {
|
||||
padding-right: 12.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.footer-top__inner {
|
||||
padding: 0;
|
||||
}
|
||||
.footer__nav {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-top__right {
|
||||
padding-right: 13.9rem;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
border-top: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.footer-bottom__inner {
|
||||
padding: 3.2rem 11.2rem 4.2rem 11.2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
.footer-bottom__inner {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-bottom__text {
|
||||
font-size: 1.2rem;
|
||||
color: #2f2f2f;
|
||||
line-height: 2.6rem;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
.footer-bottom__link {
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.footer-bottom__link:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.footer__logo {
|
||||
border-bottom: 1px solid var(--gray);
|
||||
padding: 2.8rem 7.8rem 3.2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.footer__conatiner {
|
||||
padding: 0;
|
||||
}
|
||||
.footer-bottom__inner {
|
||||
padding: 0;
|
||||
padding-top: 1.8rem;
|
||||
padding-bottom: 2.4rem;
|
||||
}
|
||||
}
|
||||
140
frontend/src/styles/layout/header/header.css
Normal file
140
frontend/src/styles/layout/header/header.css
Normal file
@@ -0,0 +1,140 @@
|
||||
.header {
|
||||
border-bottom: 1px solid #cfcfcf;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.header__inner {
|
||||
padding: 1.2rem 3.6rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header__logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header__logo img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.header__right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 9.6rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1120px) {
|
||||
.header__right {
|
||||
gap: 4.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.header__actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4rem;
|
||||
}
|
||||
|
||||
.header-action {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.header-action svg path {
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.header-action:hover svg path {
|
||||
fill: var(--primary);
|
||||
}
|
||||
|
||||
.header__burger {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
.nav.header__nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.socials.header__socials {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header__burger {
|
||||
display: flex;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.header__burger img:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header__burger.is-active {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.header__burger.is-active img:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header__burger.is-active img:last-child {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.header-mobile {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
transform: translateX(-100%);
|
||||
transition: 0.3s;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.header-mobile.is-active {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.nav.header-mobile__nav {
|
||||
padding: 4.5rem 7.9rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
max-width: unset;
|
||||
margin: 0;
|
||||
gap: 3rem;
|
||||
border-top: 1px solid #cfcfcf;
|
||||
}
|
||||
|
||||
.socials.header-mobile__socials {
|
||||
padding: 3.6rem 0 4.8rem 0;
|
||||
justify-content: center;
|
||||
border-top: 1px solid #cfcfcf;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header__inner {
|
||||
padding: 1.5rem 0;
|
||||
}
|
||||
|
||||
.header__logo {
|
||||
width: 15.8rem;
|
||||
}
|
||||
|
||||
.header__right {
|
||||
gap: 3.3rem;
|
||||
}
|
||||
}
|
||||
9
frontend/src/styles/layout/header/header.ts
Normal file
9
frontend/src/styles/layout/header/header.ts
Normal file
@@ -0,0 +1,9 @@
|
||||
const headerBurger = document.querySelector('.header__burger');
|
||||
const mobileHeader = document.querySelector('.header-mobile');
|
||||
|
||||
if (headerBurger && mobileHeader) {
|
||||
headerBurger.addEventListener('click', () => {
|
||||
mobileHeader.classList.toggle('is-active');
|
||||
headerBurger.classList.toggle('is-active');
|
||||
});
|
||||
}
|
||||
316
frontend/src/styles/pages/main.css
Normal file
316
frontend/src/styles/pages/main.css
Normal file
@@ -0,0 +1,316 @@
|
||||
.content {
|
||||
display: grid;
|
||||
margin-top: 0.3rem;
|
||||
grid-template-columns: 36.4rem 1fr 36.3rem;
|
||||
grid-template-areas: 'left middle right';
|
||||
}
|
||||
|
||||
.content-left {
|
||||
grid-area: left;
|
||||
}
|
||||
|
||||
.content-middle {
|
||||
grid-area: middle;
|
||||
}
|
||||
|
||||
.content-right {
|
||||
grid-area: right;
|
||||
}
|
||||
|
||||
.content-right__link-item {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@media (max-width: 1439px) {
|
||||
.content {
|
||||
grid-template-columns: 36.4rem 1fr;
|
||||
grid-template-areas:
|
||||
'left middle'
|
||||
'right right';
|
||||
}
|
||||
|
||||
.content.content__search {
|
||||
grid-template-areas:
|
||||
'middle middle'
|
||||
'right right';
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.content {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-areas:
|
||||
'middle'
|
||||
'left'
|
||||
'right';
|
||||
}
|
||||
|
||||
.content-right {
|
||||
margin: 0 -2rem;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.content-sidebar {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.content-sidebar-top {
|
||||
padding: 2.5rem 3.3rem;
|
||||
}
|
||||
|
||||
.content-sidebar-top.no-top {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.content-sidebar__title {
|
||||
text-align: center;
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
|
||||
.upcoming-events {
|
||||
max-width: 28.8rem;
|
||||
}
|
||||
|
||||
.upcoming-events__title {
|
||||
margin-top: 1.6rem;
|
||||
}
|
||||
|
||||
.articles-preview {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.articles-wrapper {
|
||||
border-left: 0.1rem solid var(--gray);
|
||||
border-right: 0.1rem solid var(--gray);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.articles-preview__show-next {
|
||||
padding: 1.8rem 0 1.7rem;
|
||||
grid-column: span 2;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-top: 0.1rem solid var(--gray);
|
||||
margin-top: -1px;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
|
||||
transition: 0.3s;
|
||||
font-size: 1.3rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.articles-preview__show-next:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.articles__spacer-container {
|
||||
position: relative;
|
||||
border-top: 1px solid var(--gray);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.articles__spacer {
|
||||
height: 100%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.articles__spacer:first-of-type {
|
||||
border-right: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
.item-video__name {
|
||||
padding: 2.5rem 3.8rem;
|
||||
display: block;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.item-video__name:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.item-video__video-wrapper {
|
||||
position: relative;
|
||||
height: 20.8rem;
|
||||
}
|
||||
|
||||
.item-video__video-wrapper>img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.item-video__video-wrapper>img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.item-video__button {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: white;
|
||||
gap: 1.5rem;
|
||||
left: 3.9rem;
|
||||
bottom: 1.8rem;
|
||||
}
|
||||
|
||||
.banner-left {
|
||||
margin: 2.5rem auto 0;
|
||||
height: 40rem;
|
||||
width: 24rem;
|
||||
}
|
||||
|
||||
.banner-left a {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.banner-middle {
|
||||
height: 12rem;
|
||||
max-height: 12rem;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.banner-middle img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content-right {
|
||||
border-top: 0.1rem solid var(--gray);
|
||||
}
|
||||
|
||||
.law {
|
||||
padding: 2.5rem 3.8rem;
|
||||
border-top: 0.1rem solid var(--gray);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.content-right__most-read {
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.banner-middle {
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
.articles__spacer-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner-left {
|
||||
width: 24rem;
|
||||
margin: 2.5rem auto 0;
|
||||
}
|
||||
|
||||
.subscribe-form__input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.content-right__most-read {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.articles-wrapper {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.content-videos {
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
|
||||
.item-video__video-wrapper {
|
||||
height: 208px;
|
||||
}
|
||||
|
||||
.item-video__video-wrapper>img {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.articles-preview__show-next {
|
||||
border-bottom: 1px solid var(--gray);
|
||||
/* margin-bottom: 2.7rem; */
|
||||
width: calc(100% + 4rem);
|
||||
margin-left: -2rem;
|
||||
}
|
||||
|
||||
.content-sidebar {
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.event-calendar-mobile {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: var(--white);
|
||||
border-bottom: 1px solid var(--gray);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.event-calendar-mobile {
|
||||
margin: 0 -2rem;
|
||||
width: calc(100% + 4rem);
|
||||
}
|
||||
}
|
||||
|
||||
.event-calendar__header {
|
||||
display: flex;
|
||||
padding: 15px 24px 13px;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.event-calendar__wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.event-calendar__wrapper.is-active {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.event-calendar__header.is-active svg {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.event-single {
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.w-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.article-single__content * {
|
||||
font: revert;
|
||||
}
|
||||
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
|
||||
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.no-mobile-border {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
1
frontend/src/vite-env.d.ts
vendored
Normal file
1
frontend/src/vite-env.d.ts
vendored
Normal file
@@ -0,0 +1 @@
|
||||
/// <reference types="vite/client" />
|
||||
Reference in New Issue
Block a user