Врач говорит
<!-- НАЧАЛО -->
<div class="project__container">
<!-- ЛОГО -->
<div class="project__top-logo">
<img src="https://1med.tv/upload/medialibrary/b8e/y235715qm3x759mhw8lz4mwq91ne588b/logo_evalar.svg" alt="Эвалар" class="project__top-logo-img">
</div>
<!-- /ЛОГО -->
<!-- ТОР -->
<div class="project__top-row">
<div class="project__top-gradient">
<div class="project__top">
<div class="project__top-left">
<h3 class="project__top-header3">
Платформа для честного диалога о нутрициологии и фитопрепаратах на основе доказательной медицины </h3>
<p class="project__top-text">
Мы не даем советов — мы даем слово врачам
</p>
</div>
</div>
</div>
<div class="project__top-strip"></div>
<div class="project__top-photo">
<img src="https://1med.tv/upload/medialibrary/cc4/cenncut658dxbnhd00qk9je93l01vc8z/vrach.webp" alt="Врач" class="project__top-photo-img">
</div>
</div>
<!-- /ТОР -->
<!-- ПЛИТКА С ВИДЕО - ШАШЕЧНАЯ -->
<div class="project__bottom-container">
<div class="project__bottom">
<div class="project__bubble">
<div class="project__bubble-header">
Видеоматериалы
</div>
<div class="project__bubble-line">
</div>
</div>
<div class="project__cols3" style="padding-top: 20px;">
<div class="project__cols-block3 project__cols-block3-reverse">
<div class="project__cols-text3 project__cols-text3-reverse">
<h2 class="project__cols-text3-header">
Видео1
</h2>
<p class="project__cols-text3-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit aliquid assumenda voluptates blanditiis nobis. Consequuntur aut nam, eaque nulla consectetur temporibus. Porro nobis quia amet at qui magni, provident nostrum?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque temporibus voluptatum cupiditate autem quae, aspernatur neque iste libero quo harum eum itaque repellat, nihil, qui architecto. Animi blanditiis cumque sunt?
</p>
<!--<p>
<ul class="project__cols-text3-text project__cols-text3-text_ul">
<li>Биомаркеры активности нВМД: на что ориентироваться клиницисту?</li>
<li>Сложные клинические ситуации нВМД: субмакулярное кровоизлияние и гиперрефлективный материал </li>
<li>Макулярная атрофия: неизбежный исход или следствие неправильной терапии заболевания? </li>
<li>Как мы можем повлиять на течение нВМД?</li>
<li>Факторы успеха в лечении нВМД: что действительно важно?</li>
</ul>
</p>-->
</div>
<div class="project__cols-video">
<a target="_blank"
href="https://1med.tv/archive/dialogi-o-setchatke/stsenarii-razvitiya-neovaskulyarnoy-vmd-v-glavnoy-roli-oktbiomarkery-fayzrakhmanov-maltsev-bosov-dibaev/">
<div class="project__cols-container3">
<img class="project__cols-playbtn3"
src="https://1med.tv/upload/medialibrary/f41/ni3qlomf6a0j59g77da1ru33vq6u1ibs/play_button_green.svg"
alt="смотреть">
<img class="project__cols-player3"
src="https://1med.tv/upload/medialibrary/294/6mrp636wz5vh3r2i6cdq5lhqm1gvm6yg/video.webp"
alt="видео">
</div>
</a>
<p class="project__cols-text3-members">
<a class="project__cols-text3-link" target="_blank"
href="https://1med.tv/speakers/stepenskiy-andrey-borisovich/">Андрей Степенский</a>,
<a class="project__cols-text3-link" target="_blank"
href="https://1med.tv/speakers/belan-kirill-sergeevich/">Кирилл Белан</a>
</p>
</div>
</div>
</div>
<div class="project__cols3" style="padding-top: 10px;">
<div class="project__cols-block3">
<div class="project__cols-video">
<a target="_blank"
href="https://1med.tv/archive/dialogi-o-setchatke/klinicheskiy-kod-diabeticheskogo-makulyarnogo-oteka-v-poiskakh-istiny-galstyan-arkhipova-maltsev-fayzrakhmanov/">
<div class="project__cols-container3">
<img class="project__cols-playbtn3"
src="https://1med.tv/upload/medialibrary/f41/ni3qlomf6a0j59g77da1ru33vq6u1ibs/play_button_green.svg"
alt="смотреть">
<img class="project__cols-player3"
src="https://1med.tv/upload/medialibrary/294/6mrp636wz5vh3r2i6cdq5lhqm1gvm6yg/video.webp"
alt="видео">
</div>
</a>
<p class="project__cols-text3-members">
<a class="project__cols-text3-link" target="_blank"
href="https://1med.tv/speakers/stepenskiy-andrey-borisovich/">Андрей Степенский</a>,
<a class="project__cols-text3-link" target="_blank"
href="https://1med.tv/speakers/belan-kirill-sergeevich/">Кирилл Белан</a>
</p>
</div>
<div class="project__cols-text3">
<h2 class="project__cols-text3-header">Видео2
</h2>
<p class="project__cols-text3-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione fugit soluta ea dolorem numquam eum consequuntur fugiat temporibus? Blanditiis expedita vel tenetur earum quasi mollitia incidunt quisquam adipisci omnis eaque!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus fuga exercitationem quod odio perferendis est magni doloribus quam architecto! Non delectus aliquam voluptas possimus, nisi nesciunt cumque cum provident corporis.
</p>
</div>
</div>
</div>
</div>
</div>
<!--
<div class="project__back-left">
</div>
<div class="project__back-left project__back-left2">
</div>
-->
<!-- /ПЛИТКА С ВИДЕО - ШАШЕЧНАЯ -->
<div class="project__bottom-container">
<div class="project__bottom">
<div class="project__bubble">
<div class="project__bubble-header">
Модератор
</div>
<div class="project__bubble-line">
</div>
</div>
</div>
<div class="project__back-right">
</div>
<div class="project__back-right project__back-right2">
</div>
<!-- ПЛАШКА1 -->
<div class="article__main-container">
<div class="article__citate">
<div class="article__citate-left">
<div class="article__citate-left-container">
<p class="article__citate-text">
<span class="article__citate-text-big"><b>Степенский Андрей Борисович</b>,</span> к.м.н., врач, специалист в области фитотерапии
</p>
</div>
</div>
<div class="article__citate-right">
<img src="https://1med.tv/upload/iblock/1aa/nykiibmthpj242s8i4tbfr8fi6staynm/stepenskiiAB_sq.webp"
class="article__citate-expert" alt="эксперт">
<!--
<img class="article__citate-bage"
src="https://1med.tv/upload/medialibrary/1c0/2n7nf24lobgqbjjekq32yzbqjrkakbrx/glasses.webp"
alt="бейдж"> -->
</div>
</div>
</div>
<!-- /ПЛАШКА1 -->
<!-- ЭКСПЕРТЫ -->
<div class="project__bottom">
<div class="project__bubble">
<div class="project__bubble-header">
Участники
</div>
<div class="project__bubble-line">
</div>
</div>
</div>
<div class="slider-overflow">
<div class="slider-container">
<div class="slider-content">
<div class="slider-single">
<img src="https://1med.tv/upload/iblock/8c1/3snffj5xduj2shlmjncyo21kx8jmottm/belanKS_sq.webp"
class="slider-single-image" alt="Белан">
<div class="slider-single-title slider-single-main">
<span class="slider-single-main-big">Белан</span> Кирилл Сергеевич
</div>
<div class="slider-single-title slider-single-text">
врач-терапевт, врач антивозрастной медицины, руководитель направления превентивной медицины клиники «Атлас»
</div>
</div>
</div>
</div>
</div>
<!-- /ЭКСПЕРТЫ -->
<!-- ЗАГ -->
<div class="project__bottom-container">
<div class="project__bottom">
<div class="project__bubble">
<div class="project__bubble-header">
Дисклеймеры
</div>
<div class="project__bubble-line">
</div>
</div>
</div>
</div>
<!-- /ЗАГ -->
<!-- СТАТЬЯ 2 КОЛОНКИ С КАРТИНКАМИ2 -->
<div class="article__container">
<div class="article__main-container">
<div class="article__disclaimer-row">
<div class="article__text">
<p class="article__p">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum illum, deleniti odio ratione tempore minus deserunt alias assumenda nulla nisi corporis, architecto reiciendis non suscipit, quaerat eveniet tempora quasi a.
</p>
<!--
<p class="article__p">
Информация на данном веб-сайте предназначена для медицинских работников.
Данная веб-страница подготовлена при поддержке АО «Рош-Москва» <b style="color:#112131">и носит строго образовательный и информационный характер</b>.
Сайт предназначен только для посетителей, находящихся в Российской Федерации.
Вы можете помочь в осуществлении мониторинга безопасности препаратов компании «Рош», передав сообщение о нежелательном явлении (побочном действии),
ассоциированном с применением препарата, в компанию АО «Рош-Москва» по телефону 8 (495) 229-29-99 (офис),
электронной почте <a style="color:#112131" target="_blank" href="mailto:moscow.ds@roche.ru">moscow.ds@roche.ru</a>
или через форму обратной связи на сайте <a style="color:#112131" target="_blank" href="https://www.roche.ru/">www.roche.ru</a>.
</p>
<p class="article__p">
M-RU-00024509, февраль 2026
</p>
-->
</div>
<div class="article__disclaimer-logo">
<img src="https://1med.tv/upload/medialibrary/e88/ilw6zoe78cvsorekd5nxxb3d0k3ownhi/logo_bottom.webp" alt="Логотип" class="article__disclaimer-logo-img">
</div>
</div>
</div>
</div>
<!-- /СТАТЬЯ 2 КОЛОНКИ С КАРТИНКАМИ2 -->
</div>
<!-- КОНЕЦ -->
<script>
// галерея 2
let timer;
function slideInitial() {
initBullets();
initArrows();
setTimeout(() => {
slideRight();
startAutoPlay();
}, 500);
}
function startAutoPlay() {
clearInterval(timer);
timer = setInterval(slideRight, 6000);
}
function stopAutoPlay() {
clearInterval(timer);
}
const repeat = false;
const noArrows = false;
const noBullets = false;
const container = document.querySelector('.slider-container');
var slide = document.querySelectorAll('.slider-single');
var slideTotal = slide.length - 1;
var slideCurrent = -1;
startAutoPlay();
function initBullets() {
if (noBullets) return;
const bulletContainer = document.createElement('div');
bulletContainer.classList.add('bullet-container');
slide.forEach((_, i) => {
const bullet = document.createElement('div');
bullet.classList.add('bullet');
bullet.id = `bullet-index-${i}`;
bullet.addEventListener('click', () => {
stopAutoPlay();
goToIndexSlide(i);
});
bulletContainer.appendChild(bullet);
});
container.appendChild(bulletContainer);
}
function initArrows() {
if (noArrows) return;
const leftArrow = document.createElement('a');
const iLeft = document.createElement('i');
iLeft.classList.add('fa', 'fa-arrow-left');
leftArrow.classList.add('slider-left');
leftArrow.appendChild(iLeft);
leftArrow.addEventListener('click', () => {
stopAutoPlay();
slideLeft();
startAutoPlay();
});
const rightArrow = document.createElement('a');
const iRight = document.createElement('i');
iRight.classList.add('fa', 'fa-arrow-right');
rightArrow.classList.add('slider-right');
rightArrow.appendChild(iRight);
rightArrow.addEventListener('click', () => {
stopAutoPlay();
slideRight();
startAutoPlay();
});
container.appendChild(leftArrow);
container.appendChild(rightArrow);
}
function slideInitial() {
initBullets();
initArrows();
setTimeout(function () {
slideRight();
}, 500);
}
function updateBullet() {
if (!noBullets) {
document.querySelectorAll('.bullet').forEach((elem, i) => {
elem.classList.toggle('active', i === slideCurrent);
});
}
checkRepeat();
}
function checkRepeat() {
if (!repeat) {
if (slideCurrent === slide.length - 1) {
slide[0].classList.add('not-visible');
slide[slide.length - 1].classList.remove('not-visible');
if (!noArrows) {
document.querySelector('.slider-right').classList.add('not-visible')
document.querySelector('.slider-left').classList.remove('not-visible')
}
}
else if (slideCurrent === 0) {
slide[slide.length - 1].classList.add('not-visible');
slide[0].classList.remove('not-visible');
if (!noArrows) {
document.querySelector('.slider-left').classList.add('not-visible')
document.querySelector('.slider-right').classList.remove('not-visible')
}
} else {
slide[slide.length - 1].classList.remove('not-visible');
slide[0].classList.remove('not-visible');
if (!noArrows) {
document.querySelector('.slider-left').classList.remove('not-visible')
document.querySelector('.slider-right').classList.remove('not-visible')
}
}
}
}
function changeSlide(direction) {
removeListenersFromSlides();
let nextIndex;
switch (direction) {
case 'right':
nextIndex = slideCurrent >= slideTotal ? 0 : slideCurrent + 1;
break;
case 'left':
nextIndex = slideCurrent <= 0 ? slideTotal : slideCurrent - 1;
break;
}
slide.forEach(elem => {
elem.classList.remove('preactivede', 'preactive', 'active', 'proactive', 'proactivede');
});
if (nextIndex > 0) {
slide[nextIndex - 1].classList.add('preactive');
}
slide[nextIndex].classList.add('active');
if (nextIndex < slideTotal) {
slide[nextIndex + 1].classList.add('proactive');
}
slideCurrent = nextIndex;
addListenersForSlides();
updateBullet();
}
document.querySelectorAll('.slider-single').forEach(sliderItem => {
sliderItem.addEventListener('click', function (event) {
event.stopPropagation();
const activeClass = this.classList.contains('preactive') ? 'preactive' : 'proactive';
if (activeClass === 'preactive') {
slideLeft();
} else if (activeClass === 'proactive') {
slideRight();
}
stopAutoPlay();
});
});
function addListenersForSlides() {
const preactive = document.querySelector('.preactive');
const proactive = document.querySelector('.proactive');
if (proactive) {
proactive.addEventListener('click', slideRight);
proactive.classList.add('pointer');
}
if (preactive) {
preactive.addEventListener('click', slideLeft);
preactive.classList.add('pointer');
}
}
addListenersForSlides();
function removeListenersFromSlides() {
const oldProactive = document.querySelector('.proactive');
const oldPreactive = document.querySelector('.preactive');
if (oldProactive) {
oldProactive.removeEventListener('click', slideRight);
oldProactive.classList.remove('pointer');
}
if (oldPreactive) {
oldPreactive.removeEventListener('click', slideLeft);
oldPreactive.classList.remove('pointer');
}
}
function slideRight() { changeSlide('right'); }
function slideLeft() { changeSlide('left'); }
function goToIndexSlide(index) {
const sliding = (slideCurrent > index) ? () => slideRight() : () => slideLeft();
while (slideCurrent !== index) {
sliding();
}
}
slideInitial();
</script>