<div class="element-center">
<div class="element-container">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<!-- section header -->
<section class="section-header">
<div class="section-header__top">
<div class="section-header__top-left">
<img alt="img"
src="/upload/medialibrary/491/315qrsnlayh6mkswu72a9weijj3by7b1/Rectangle447.webp"
class="section-header__top-left-img">
<div class="top-left__text">
<h4 class="top-left__text-title">Клинические<br />рекомендации-2025:<br />гайды для врачей</h4>
</div>
</div>
<div class="section-header__top-right">
<img alt="img"
src="/upload/medialibrary/14f/zgp58ytku1ipdjcwfsvl3kr4d2vf58qx/21494435281.webp"
class="section-header__top-right-img">
</div>
</div>
<div class="section-header__bottom">
<p class="section-header__bottom-text">
На этой странице представлены клинические рекомендации по диагностике, лечению и профилактике
заболеваний. Ознакомьтесь с актуальными методами и применяйте их в практике для улучшения качества
медицинской помощи!
</p>
</div>
</section>
<!-- section tags -->
<section class="section-tags">
<div id="tag-link-one" class="tag">Заболевания нервной системы</div>
<div id="tag-link-two" class="tag">Беременность, роды и послеродовой период</div>
<div id="tag-link-three" class="tag">Заболевания крови, кроветворных органов</div>
<div id="tag-link-four" class="tag">Заболевания органов пищеварения</div>
<div id="tag-link-five" class="tag">Заболевания эндокринной системы, нарушения обмена веществ</div>
<div id="tag-link-six" class="tag">Заболевания глаза</div>
<div id="tag-link-seven" class="tag">Некоторые инфекционные и паразитарные заболевания</div>
</section>
<!-- section slider 1 -->
<div id="element-one" style="width: 100%; height: 62px;"></div>
<section class="slider">
<div class="slider__title">Заболевания нервной системы</div>
<div class="swiper-container1">
<div class="swiper-wrapper">
<a href="https://guide.1med.tv/migren/" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/b8d/nokhxxzg3dj8z3cpd24md0thdtrm0bf5/3212312esadsdaweqw.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/d2b/k67spcnmav3hmovq5jstd8bd473amot3/12312312dsdsd2.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/3ad/tvmj6j71f142n6dpgc2ccar4ryezba5l/12312312sdsdw.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
</div>
</div>
<div class="container-btn">
<div class="slider__controls">
<div class="swiper-pagination1"></div>
<div class="slider__controls-btn">
<div class="swiper-button-prev1"><</div>
<div class="swiper-button-next1">></div>
</div>
</div>
</div>
</section>
<!-- section slider 2 -->
<div id="element-two" style="width: 100%; height: 62px;"></div>
<section class="slider">
<div class="slider__title">Беременность, роды и послеродовой период</div>
<div class="swiper-container2">
<div class="swiper-wrapper">
<a href="https://guide.1med.tv/vykidysh" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/669/ptrae2j1rg3ubp063r0seu5vsd336oem/dseweqweqw2312321.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<a href="https://guide.1med.tv/besplodie" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/80f/nah68s986f83b7yv4p8vvhg1vj2r50za/123sdasfsafasfas.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/3ad/tvmj6j71f142n6dpgc2ccar4ryezba5l/12312312sdsdw.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
</div>
</div>
<div class="container-btn">
<div class="slider__controls">
<div class="swiper-pagination2"></div>
<div class="slider__controls-btn">
<div class="swiper-button-prev2"><</div>
<div class="swiper-button-next2">></div>
</div>
</div>
</div>
</section>
<!-- section slider 3 -->
<div id="element-three" style="width: 100%; height: 62px;"></div>
<section class="slider">
<div class="slider__title">Заболевания крови, кроветворных органов</div>
<div class="swiper-container3">
<div class="swiper-wrapper">
<a href="https://guide.1med.tv/anemiya" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/940/22d07qdr86uozkiwvb903ctae09rbd99/dsfdsfsdf32446yyre.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/3ad/tvmj6j71f142n6dpgc2ccar4ryezba5l/12312312sdsdw.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/d2b/k67spcnmav3hmovq5jstd8bd473amot3/12312312dsdsd2.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
</div>
</div>
<div class="container-btn">
<div class="slider__controls">
<div class="swiper-pagination3"></div>
<div class="slider__controls-btn">
<div class="swiper-button-prev3"><</div>
<div class="swiper-button-next3">></div>
</div>
</div>
</div>
</section>
<!-- section slider 4 -->
<div id="element-four" style="width: 100%; height: 62px;"></div>
<section class="slider">
<div class="slider__title">Заболевания органов пищеварения</div>
<div class="swiper-container4">
<div class="swiper-wrapper">
<a href="https://guide.1med.tv/yazvennaya-bolezn" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/946/i2hd5re7b3x3ieqx0ng5tsfj9fbiotld/fdsgfdhgf678567.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<a href="https://guide.1med.tv/gastrit" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/31c/8prf5d5rkbfp4lckmm8m7hykh94jq7ou/gf55423.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/3ad/tvmj6j71f142n6dpgc2ccar4ryezba5l/12312312sdsdw.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
</div>
</div>
<div class="container-btn">
<div class="slider__controls">
<div class="swiper-pagination4"></div>
<div class="slider__controls-btn">
<div class="swiper-button-prev4"><</div>
<div class="swiper-button-next4">></div>
</div>
</div>
</div>
</section>
<!-- section slider 5 -->
<div id="element-five" style="width: 100%; height: 62px;"></div>
<section class="slider">
<div class="slider__title">Заболевания эндокринной системы, нарушения обмена веществ</div>
<div class="swiper-container5">
<div class="swiper-wrapper">
<a href="https://guide.1med.tv/ozhirenie-u-detej" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/fb9/b5s6hlrjji5c0rqw69733g6dk30yne0o/fds2312312312312fdsfsf.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/d2b/k67spcnmav3hmovq5jstd8bd473amot3/12312312dsdsd2.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/3ad/tvmj6j71f142n6dpgc2ccar4ryezba5l/12312312sdsdw.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
</div>
</div>
<div class="container-btn">
<div class="slider__controls">
<div class="swiper-pagination5"></div>
<div class="slider__controls-btn">
<div class="swiper-button-prev5"><</div>
<div class="swiper-button-next5">></div>
</div>
</div>
</div>
</section>
<!-- section slider 6 -->
<div id="element-six" style="width: 100%; height: 62px;"></div>
<section class="slider">
<div class="slider__title">Заболевания глаза</div>
<div class="swiper-container6">
<div class="swiper-wrapper">
<a href="https://guide.1med.tv/miopiya" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/217/ez04cjr45xkgynpzpjfzfo6vsuomc5mv/fdsf546456g435435ge.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/3ad/tvmj6j71f142n6dpgc2ccar4ryezba5l/12312312sdsdw.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/d2b/k67spcnmav3hmovq5jstd8bd473amot3/12312312dsdsd2.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
</div>
</div>
<div class="container-btn">
<div class="slider__controls">
<div class="swiper-pagination6"></div>
<div class="slider__controls-btn">
<div class="swiper-button-prev6"><</div>
<div class="swiper-button-next6">></div>
</div>
</div>
</div>
</section>
<!-- section slider 7 -->
<div id="element-seven" style="width: 100%; height: 62px;"></div>
<section class="slider">
<div class="slider__title">Некоторые инфекционные и паразитарные заболевания</div>
<div class="swiper-container7">
<div class="swiper-wrapper">
<a href="https://guide.1med.tv/kor" target="_blank" class="swiper-slide file" file="Y">
<div class="book-container">
<div class="book active">
<div class="book-pages"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/025/7t3k00jqf1jqxggyg7su70tigns8lzjn/fdsfsdfsdvhtykyuk64.webp');">
</div>
<div class="book-back"></div>
</div>
<div class="button active">Читать подробнее</div>
</div>
</a>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/d2b/k67spcnmav3hmovq5jstd8bd473amot3/12312312dsdsd2.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
<div class="swiper-slide">
<div class="book-container">
<div class="book inactive">
<div class="book-pages" style="visibility: hidden;"></div>
<div class="book-cover"
style="background-image: url('/upload/medialibrary/3ad/tvmj6j71f142n6dpgc2ccar4ryezba5l/12312312sdsdw.webp');">
</div>
<div class="book-back"></div>
</div>
<a class="button inactive">Читать подробнее</a>
</div>
</div>
</div>
</div>
<div class="container-btn">
<div class="slider__controls">
<div class="swiper-pagination7"></div>
<div class="slider__controls-btn">
<div class="swiper-button-prev7"><</div>
<div class="swiper-button-next7">></div>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- slider 1 -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
const swiper1 = new Swiper('.swiper-container1', {
loop: true,
slidesPerView: 3,
spaceBetween: 10,
speed: 600,
pagination: {
el: '.swiper-pagination1',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next1',
prevEl: '.swiper-button-prev1',
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 10,
},
1024: {
slidesPerView: 3,
spaceBetween: 10,
},
},
autoplay: {
delay: 5000,
},
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const swiperWrappers = document.querySelectorAll('.swiper-wrapper');
swiperWrappers.forEach((swiperWrapper) => {
const swiperSlides = swiperWrapper.querySelectorAll('.swiper-slide');
const containerBtn = swiperWrapper.closest('.slider').querySelector('.container-btn');
if (swiperSlides.length <= 3 && containerBtn) {
containerBtn.style.display = 'none';
}
});
});
</script>
<!-- slider 2 -->
<script>
const swiper2 = new Swiper('.swiper-container2', {
loop: true,
slidesPerView: 3,
spaceBetween: 10,
speed: 600,
pagination: {
el: '.swiper-pagination2',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next2',
prevEl: '.swiper-button-prev2',
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 10,
},
1024: {
slidesPerView: 3,
spaceBetween: 10,
},
},
autoplay: {
delay: 5000,
},
});
</script>
<!-- slider 3 -->
<script>
const swiper3 = new Swiper('.swiper-container3', {
loop: true,
slidesPerView: 3,
spaceBetween: 10,
speed: 600,
pagination: {
el: '.swiper-pagination3',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next3',
prevEl: '.swiper-button-prev3',
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 10,
},
1024: {
slidesPerView: 3,
spaceBetween: 10,
},
},
autoplay: {
delay: 5000,
},
});
</script>
<!-- slider 4 -->
<script>
const swiper4 = new Swiper('.swiper-container4', {
loop: true,
slidesPerView: 3,
spaceBetween: 10,
speed: 600,
pagination: {
el: '.swiper-pagination4',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next4',
prevEl: '.swiper-button-prev4',
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 10,
},
1024: {
slidesPerView: 3,
spaceBetween: 10,
},
},
autoplay: {
delay: 5000,
},
});
</script>
<!-- slider 5 -->
<script>
const swiper5 = new Swiper('.swiper-container5', {
loop: true,
slidesPerView: 3,
spaceBetween: 10,
speed: 600,
pagination: {
el: '.swiper-pagination5',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next5',
prevEl: '.swiper-button-prev5',
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 10,
},
1024: {
slidesPerView: 3,
spaceBetween: 10,
},
},
autoplay: {
delay: 5000,
},
});
</script>
<!-- slider 6 -->
<script>
const swiper6 = new Swiper('.swiper-container6', {
loop: true,
slidesPerView: 3,
spaceBetween: 10,
speed: 600,
pagination: {
el: '.swiper-pagination6',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next6',
prevEl: '.swiper-button-prev6',
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 10,
},
1024: {
slidesPerView: 3,
spaceBetween: 10,
},
},
autoplay: {
delay: 5000,
},
});
</script>
<!-- slider 7 -->
<script>
const swiper7 = new Swiper('.swiper-container7', {
loop: true,
slidesPerView: 3,
spaceBetween: 10,
speed: 600,
pagination: {
el: '.swiper-pagination7',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next7',
prevEl: '.swiper-button-prev7',
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 10,
},
1024: {
slidesPerView: 3,
spaceBetween: 10,
},
},
autoplay: {
delay: 5000,
},
});
</script>
<!-- scroll -->
<script>
const tagLinkOne = document.getElementById('tag-link-one')
const tagLinkTwo = document.getElementById('tag-link-two')
const tagLinkThree = document.getElementById('tag-link-three')
const tagLinkFour = document.getElementById('tag-link-four')
const tagLinkFive = document.getElementById('tag-link-five')
const tagLinkSix = document.getElementById('tag-link-six')
const tagLinkSeven = document.getElementById('tag-link-seven')
const elementOne = document.getElementById('element-one')
const elementTwo = document.getElementById('element-two')
const elementThree = document.getElementById('element-three')
const elementFour = document.getElementById('element-four')
const elementFive = document.getElementById('element-five')
const elementSix = document.getElementById('element-six')
const elementSeven = document.getElementById('element-seven')
tagLinkOne.addEventListener('click', () => {
elementOne.scrollIntoView({
behavior: "smooth",
block: "start"
})
})
tagLinkTwo.addEventListener('click', () => {
elementTwo.scrollIntoView({
behavior: "smooth",
block: "start"
})
})
tagLinkThree.addEventListener('click', () => {
elementThree.scrollIntoView({
behavior: "smooth",
block: "start"
})
})
tagLinkFour.addEventListener('click', () => {
elementFour.scrollIntoView({
behavior: "smooth",
block: "start"
})
})
tagLinkFive.addEventListener('click', () => {
elementFive.scrollIntoView({
behavior: "smooth",
block: "start"
})
})
tagLinkSix.addEventListener('click', () => {
elementSix.scrollIntoView({
behavior: "smooth",
block: "start"
})
})
tagLinkSeven.addEventListener('click', () => {
elementSeven.scrollIntoView({
behavior: "smooth",
block: "start"
})
})
</script>
<!-- hideInactiveSlides 430 -->
<script>
function hideInactiveSlides() {
if (window.innerWidth <= 430) {
document.querySelectorAll('.swiper-slide').forEach(slide => {
if (slide.querySelector('.button.inactive')) {
slide.style.display = 'none';
}
});
} else {
document.querySelectorAll('.swiper-slide').forEach(slide => {
slide.style.display = 'flex';
});
}
}
hideInactiveSlides()
window.addEventListener('resize', hideInactiveSlides)
</script>