update theme

This commit is contained in:
2024-03-12 09:16:19 +03:00
parent 10722da013
commit bef7aac0d5
74 changed files with 2018 additions and 2417 deletions

View File

@@ -1,56 +0,0 @@
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';

View File

@@ -101,6 +101,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -101,6 +101,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -293,6 +293,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -164,6 +164,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -1,250 +1,310 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
{{> 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>
<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>
<a href="#" class="subtitle-16 item-video__name">
На одной из птицефабрик Красноярского края выявили опасные
вирусы
</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>
{{> 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>
<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>
</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>
</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,
});
<div class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</footer>
</div>
<script type="text/javascript">
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);
}
};
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(() => {
document.addEventListener('DOMContentLoaded', () => {
if (typeof ymaps !== 'undefined') {
handleInit();
}, 1000)
} 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');
</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>
form.addEventListener('submit', handleSubmit);
});
</script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -1,165 +1,204 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
{{> 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>
<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>
<a href="#" class="subtitle-16 item-video__name">
На одной из птицефабрик Красноярского края выявили опасные
вирусы
</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>
{{> 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>
<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>
</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 href="#" class="footer-bottom__text footer-bottom__link">
Свидетельство о регистрации электронного СМИ
</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="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 class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
</footer>
</div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -1,167 +1,203 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
{{> 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>
<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>
<a href="#" class="subtitle-16 item-video__name">
На одной из птицефабрик Красноярского края выявили опасные
вирусы
</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>
{{> 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>
<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>
</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 href="#" class="footer-bottom__text footer-bottom__link">
Свидетельство о регистрации электронного СМИ
</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="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 class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
</footer>
</div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -165,7 +165,11 @@
</div>
</div>
{{> most-read class='mobile'}}
<div class="banner-left desktop"></div>
<div class="banner-left desktop">
<a href="https://amur-ref.ru/заказчикам/стоимость-услуг/">
<img src="https://agroexpert.art-performance.com/wp-content/uploads/2024/02/240x400_3.gif" alt="">
</a>
</div>
</div>
<div class="content-middle articles-wrapper">
<div class="articles-preview">
@@ -208,8 +212,16 @@
</div>
</div>
</div>
<div class="banner-left"></div>
<div class="banner-left"></div>
<div class="banner-left">
<a href="https://amur-ref.ru/заказчикам/стоимость-услуг/">
<img src="https://agroexpert.art-performance.com/wp-content/uploads/2024/02/240x400_3.gif" alt="">
</a>
</div>
<div class="banner-left">
<a href="https://amur-ref.ru/заказчикам/стоимость-услуг/">
<img src="https://agroexpert.art-performance.com/wp-content/uploads/2024/02/240x400_3.gif" alt="">
</a>
</div>
</div>
</div>
</div>
@@ -296,6 +308,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -1,147 +1,172 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
{{> 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">
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
{{> breadcrumbs title='Интервью'}}
<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 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 class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</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>
</html>
<div class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -342,6 +342,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -9,7 +9,8 @@
<div class="container">
<div class="content">
<div class="content-left">
{{> menu-vertical isSafety="true" desktop="true"}} {{> content-sidebar}}
{{> menu-vertical isSafety="true" desktop="true"}} {{>
content-sidebar}}
<div class="content-videos">
<div class="item-video">
<div class="item-video__video-wrapper">
@@ -164,6 +165,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -1,125 +1,142 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
{{> 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>
<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>
<li>
<a href="contacts.html">Контакты</a>
</li>
<li>
<a href="event-single.html">Просмотр мероприятия</a>
</li>
</ul>
</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>
</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>
<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="" />
<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="social-link">
<img src="/images/socials_vk.svg" alt="" />
<a href="#" class="footer-bottom__text footer-bottom__link">
Свидетельство о регистрации электронного СМИ
</a>
<a href="#" class="social-link">
<img src="/images/socials_tg.svg" alt="" />
</a>
</div>
<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 class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
</footer>
</div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -1,157 +1,177 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
{{> 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>
<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>
<a href="#" class="subtitle-16 item-video__name">
На одной из птицефабрик Красноярского края выявили опасные
вирусы
</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>
{{> 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 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>
<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 class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
</footer>
</div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -31,25 +31,46 @@
</div>
<div class="content-middle articles-wrapper">
{{> menu-vertical mobile="true"}}
<div class="section-title border-top">
<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'}}
{{> 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>
<a href="#" class="articles-preview__show-next mobile"
>На главную</a
>
<div class="articles__spacer-container">
<div class="articles__spacer"></div>
<div class="articles__spacer"></div>
@@ -176,6 +197,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -196,6 +196,6 @@
</div>
</footer>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -383,6 +383,6 @@
</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

View File

@@ -1,3 +1,10 @@
<div class="banner banner--header">
<img src="/images/video-preview.png" alt="" />
<div class="banner banner--header desktop">
<a href="#">
<img src="https://agroexpert.art-performance.com/wp-content/uploads/2024/03/banner-v-heder-desktop1.png" alt="" />
</a>
</div>
<div class="banner banner--header mobile">
<a href="#">
<img src="https://agroexpert.art-performance.com/wp-content/uploads/2024/03/banner-v-hedere-mobajl2.png" alt="" />
</a>
</div>

View File

@@ -1,9 +1,11 @@
import VanillaCalendar from 'vanilla-calendar-pro';
import 'vanilla-calendar-pro/build/vanilla-calendar.min.css';
async function initCalendar() {
export async function initCalendar() {
async function fetchActiveDates() {
const apiUrl = `/wp-json/agroexpert/v1/posts-by-date/`;
const apiUrl = `${
import.meta.env.VITE_API_URL || ''
}/wp-json/agroexpert/v1/posts-by-date/`;
try {
const response = await fetch(apiUrl);
@@ -128,5 +130,3 @@ async function initCalendar() {
}
});
}
initCalendar();

View File

@@ -1,8 +0,0 @@
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');
});
}

View File

@@ -1,11 +0,0 @@
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';
});
});
}

View File

@@ -1,13 +1,13 @@
document.addEventListener('DOMContentLoaded', function() {
var toTopButton = document.querySelector('.to-top');
export const initScrollToTop = () => {
var toTopButton = document.querySelector('.to-top');
if (toTopButton) {
toTopButton.addEventListener('click', function(e) {
e.preventDefault();
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
}
});
if (toTopButton) {
toTopButton.addEventListener('click', function (e) {
e.preventDefault();
window.scrollTo({
top: 0,
behavior: 'smooth',
});
});
}
};

View File

@@ -1,8 +0,0 @@
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 = '';
});
}

View File

@@ -1,23 +0,0 @@
//@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,
});

View File

@@ -1,28 +1,34 @@
const subscriptionForm = document.querySelectorAll('.wpcf7-form');
const thankModal = document.querySelector('#modal-thank');
export const initSubscriptionForm = () => {
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 (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
);
}
if (!event.detail.apiResponse.invalid_fields.length)
thankModal.style.display = 'block';
},
false
);
}
};

View File

@@ -119,6 +119,10 @@
}
@media (max-width: 767px) {
.article-item__image-container img {
height: auto;
}
.articles-preview {
margin: 0 -2rem;
}

View File

@@ -9,10 +9,27 @@
.banner--header img {
min-height: 100%;
max-height: 100%;
}
.banner--header a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
}
@media (max-width: 767px) {
.banner--header {
height: 8rem;
position: relative;
}
.banner--header img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
}
}

View File

@@ -50,6 +50,7 @@
padding: 0 0.9rem;
color: #2F2F2F;
margin-top: 0.5rem;
align-items: center;
}
.ss-content .ss-list .ss-option:hover {

View File

@@ -1,9 +0,0 @@
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');
});
}

View File

@@ -172,6 +172,8 @@
.banner-left a {
display: flex;
width: 100%;
height: 100%;
}
.banner-middle {
@@ -223,6 +225,25 @@
}
@media (max-width: 767px) {
.banner-middle {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
overflow: hidden;
position: relative;
}
.banner-middle img {
width: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: 100%;
}
.content-right__most-read {
display: none;
}
@@ -236,11 +257,11 @@
}
.item-video__video-wrapper {
height: 208px;
height: auto;
}
.item-video__video-wrapper>img {
position: absolute;
position: relative;
}
.articles-preview__show-next {

View File

@@ -1 +0,0 @@
/// <reference types="vite/client" />