<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    
    <!-- <link rel="icon" type="image/png" href="../imgs/logo.png"/> -->

    <link rel="stylesheet" href="../css/libs.min.css" />
    <link rel="stylesheet" href="../css/style.min.css" />

    <script
      src="https://code.jquery.com/jquery-3.7.1.min.js"
      integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
      crossorigin="anonymous"></script>

    <script src="../js/libs.min.js"></script>
    <script src="../js/script.min.js"></script>

    <script src="https://beged.ru/code/script.js" defer></script>

    <title>DR SHIPKOV</title>
  </head>
  <body class="mainPage">
    <header class="header">
      <div class="header__wrap">

        <a href="#" class="header__logo">
          <img src="../imgs/logo.svg" alt="Logo" class="header__logoImg">
        </a>

        <div class="header__search">Поиск</div>

        <div class="header__allServicesButton">
          <div class="header__allServicesButton__burger">
            <div class="header__allServicesButton__burger__line"></div>
            <div class="header__allServicesButton__burger__line"></div>
            <div class="header__allServicesButton__burger__line"></div>
          </div>
          <div class="header__search__allServices__text">Все услуги</div>
        </div>

        <div class="header__services services">
          <div class="services__wrap">
            <div class="services__cats">
              <div class="services__cats__imageBlock">
                <img src="../imgs/hero_9.png" alt="">
              </div>
              
              <div class="services__cats__nav">
                <div class="services__cats__item chosen" data-for-element-id="1">
                  <div class="services__cats__item__icon">
                    <img src="../imgs/personIcon.svg" alt="">
                  </div>
                  <div class="services__cats__item__text">Взрослая стоматология</div>
                </div>
                <div class="services__cats__item" data-for-element-id="2">
                  <div class="services__cats__item__icon">
                    <img src="../imgs/personIcon.svg" alt="">
                  </div>
                  <div class="services__cats__item__text">Детский приём</div>
                </div>
                <div class="services__cats__item" data-for-element-id="3">
                  <div class="services__cats__item__icon">
                    <img src="../imgs/sleepingIcon.svg" alt="">
                  </div>
                  <div class="services__cats__item__text">Лечение зубов во сне</div>
                </div>
                <div class="services__cats__item" data-for-element-id="4">
                  <div class="services__cats__item__icon">
                    <img src="../imgs/healthIcon.svg" alt="">
                  </div>
                  <div class="services__cats__item__text">Многопрофильная медицина</div>
                </div>
              </div>
            </div>
            <div class="services__pages">
              <div class="services__elementPages services__elementPages_shown" data-element-id="1">
                <a href="#" class="services__pages__item">
                  Консультация
                </a>
                <a href="#" class="services__pages__item">
                  3D - Визуализация (дентальная КТ)
                </a>
                <a href="#" class="services__pages__item">
                  Профессиональная гигиена полости рта
                </a>
                <a href="#" class="services__pages__item">
                  Лечение дёсен (пародонтита / пародонтоза)
                </a>
                <a href="#" class="services__pages__item">
                  Безопасное отбеливание зубов
                </a>
                <a href="#" class="services__pages__item">
                  Check-up
                </a>
                <a href="#" class="services__pages__item">
                  Терапия и профилактика
                </a>
                <a href="#" class="services__pages__item">
                  Лечение каналов под микроскопом
                </a>
                <a href="#" class="services__pages__item">
                  Cerec
                </a>
                <a href="#" class="services__pages__item">
                  Металлокерамические конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Безметалловые реставрации (виниры, люминиры, керамические вкладки, коронки)
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
              </div>
              <div class="services__elementPages" data-element-id="2">
                <a href="#" class="services__pages__item">
                  Консультация
                </a>
                <a href="#" class="services__pages__item">
                  3D - Визуализация (дентальная КТ)
                </a>
                <a href="#" class="services__pages__item">
                  Профессиональная гигиена полости рта
                </a>
                <a href="#" class="services__pages__item">
                  Лечение дёсен (пародонтита / пародонтоза)
                </a>
                <a href="#" class="services__pages__item">
                  Безопасное отбеливание зубов
                </a>
                <a href="#" class="services__pages__item">
                  Check-up
                </a>
                <a href="#" class="services__pages__item">
                  Терапия и профилактика
                </a>
                <a href="#" class="services__pages__item">
                  Лечение каналов под микроскопом
                </a>
                <a href="#" class="services__pages__item">
                  Cerec
                </a>
                <a href="#" class="services__pages__item">
                  Металлокерамические конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Безметалловые реставрации (виниры, люминиры, керамические вкладки, коронки)
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
              </div>
              <div class="services__elementPages" data-element-id="3">
                <a href="#" class="services__pages__item">
                  Консультация
                </a>
                <a href="#" class="services__pages__item">
                  3D - Визуализация (дентальная КТ)
                </a>
                <a href="#" class="services__pages__item">
                  Профессиональная гигиена полости рта
                </a>
                <a href="#" class="services__pages__item">
                  Лечение дёсен (пародонтита / пародонтоза)
                </a>
                <a href="#" class="services__pages__item">
                  Безопасное отбеливание зубов
                </a>
                <a href="#" class="services__pages__item">
                  Check-up
                </a>
                <a href="#" class="services__pages__item">
                  Терапия и профилактика
                </a>
                <a href="#" class="services__pages__item">
                  Лечение каналов под микроскопом
                </a>
                <a href="#" class="services__pages__item">
                  Cerec
                </a>
                <a href="#" class="services__pages__item">
                  Металлокерамические конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Безметалловые реставрации (виниры, люминиры, керамические вкладки, коронки)
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
              </div>
              <div class="services__elementPages" data-element-id="4">
                <a href="#" class="services__pages__item">
                  Консультация
                </a>
                <a href="#" class="services__pages__item">
                  3D - Визуализация (дентальная КТ)
                </a>
                <a href="#" class="services__pages__item">
                  Профессиональная гигиена полости рта
                </a>
                <a href="#" class="services__pages__item">
                  Лечение дёсен (пародонтита / пародонтоза)
                </a>
                <a href="#" class="services__pages__item">
                  Безопасное отбеливание зубов
                </a>
                <a href="#" class="services__pages__item">
                  Check-up
                </a>
                <a href="#" class="services__pages__item">
                  Терапия и профилактика
                </a>
                <a href="#" class="services__pages__item">
                  Лечение каналов под микроскопом
                </a>
                <a href="#" class="services__pages__item">
                  Cerec
                </a>
                <a href="#" class="services__pages__item">
                  Металлокерамические конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Безметалловые реставрации (виниры, люминиры, керамические вкладки, коронки)
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
                <a href="#" class="services__pages__item">
                  Протезирование на имплантатах, съёмные и несъёмные конструкции
                </a>
              </div>
            </div>
          </div>
        </div>

        <ul class="header__menu">
          <li>
            <a href="#">О центре</a>
          </li>
          <li>
            <a href="#">Наши врачи</a>
          </li>
          <li>
            <a href="#">Отзывы</a>
          </li>
        </ul>

        <div class="header__adres">
          <div class="header__adres_adr">Москва, Хорошёвское шоссе, 21А</div>
          <div class="header__adres__bottom">
            <div class="header__adres__time">Ежедневно с 8 до 22:00</div>
            <div class="header__adres__metro">Хорошёвская</div>
          </div>
        </div>

        <div class="header__contacts">
          <a href="tel: 74950110000" class="header__contacts__tel">+7 (495) 011 00 00</a>
          <div class="header__contacts__bottom">
            <div class="header__contacts__request">Заказать звонок</div>
            <div class="header__contacts__soc">
              <a href="#" class="header__contacts__tgIcon"></a>
              <a href="#" class="header__contacts__wsIcon"></a>
            </div>
          </div>
        </div>

      </div>
    </header>

    <main class="mainPage_main">

      <section class="hero">
        <div class="hero__content">
          <div class="hero__subtitle">Более 10 лет заботимся о вашем здоровье</div>
          <h1 class="hero__title">Премиальная медицина, <br/><strong>доступная каждому</strong></h1>
          <div class="hero__button buttonCircle buttonCircle_green">Записаться на приём</div>
        </div>

        <div class="hero__images">
          <div class="hero__images__row">
            <div class="hero__imageWrap">
              <img src="../imgs/hero_1.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_2.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_3.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_4.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_5.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_6.png" alt="" class="hero__img">
            </div>

            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_1.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_2.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_3.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_4.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_5.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_6.png" alt="" class="hero__img">
            </div>
          </div>
          <div class="hero__images__row">
            <div class="hero__imageWrap">
              <img src="../imgs/hero_7.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_8.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_9.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_10.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_11.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_12.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap">
              <img src="../imgs/hero_13.png" alt="" class="hero__img">
            </div>

            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_7.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_8.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_9.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_10.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_11.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_12.png" alt="" class="hero__img">
            </div>
            <div class="hero__imageWrap mobile">
              <img src="../imgs/hero_13.png" alt="" class="hero__img">
            </div>
          </div>
        </div>
      </section>

    </main>


    <div class="greenBluredBg"></div>
    <div class="desktopSearch">
      <div class="desktopSearch__wrap">
        <input type="text" class="desktopSearch__input" placeholder="Введите Ваш запрос...">
        <div class="desktopSearch__button">Найти</div>
      </div>
      <div class="desktopSearch__close"></div>
    </div>
    <script src="https://beged.ru/code/script.js" defer></script>
  </body>
</html>
