Обновление стилей и функционала модальных окон, добавление новых услуг и их описаний

This commit is contained in:
adlevin
2025-08-05 16:57:41 +03:00
parent 1811c43e7a
commit 70bac69e0d
5 changed files with 406 additions and 275 deletions

View File

@@ -164,22 +164,6 @@
</div>
<div class="services-grid">
<div class="service-card" data-service="laboratory">
<div class="service-icon">
<i class="fas fa-vial"></i>
</div>
<h3 class="service-title">Лабораторная диагностика</h3>
<p class="service-description">Полный спектр медицинских анализов с быстрыми и точными результатами</p>
</div>
<div class="service-card" data-service="ultrasound">
<div class="service-icon">
<i class="fas fa-heartbeat"></i>
</div>
<h3 class="service-title">Ультразвуковая диагностика</h3>
<p class="service-description">Современное УЗИ-оборудование для точной диагностики</p>
</div>
<div class="service-card" data-service="gynecology">
<div class="service-icon">
<i class="fas fa-female"></i>
@@ -204,28 +188,12 @@
<p class="service-description">Лечение заболеваний уха, горла и носа</p>
</div>
<div class="service-card" data-service="endocrinology">
<div class="service-card" data-service="dermatology">
<div class="service-icon">
<i class="fas fa-dna"></i>
<i class="fas fa-microscope"></i>
</div>
<h3 class="service-title">Эндокринология</h3>
<p class="service-description">Диагностика и лечение эндокринных нарушений</p>
</div>
<div class="service-card" data-service="traumatology">
<div class="service-icon">
<i class="fas fa-bone"></i>
</div>
<h3 class="service-title">Травматология</h3>
<p class="service-description">Помощь при травмах и повреждениях опорно-двигательного аппарата</p>
</div>
<div class="service-card" data-service="orthopedics">
<div class="service-icon">
<i class="fas fa-walking"></i>
</div>
<h3 class="service-title">Ортопедия</h3>
<p class="service-description">Диагностика и лечение заболеваний костно-мышечной системы</p>
<h3 class="service-title">Дерматовенерология</h3>
<p class="service-description">Диагностика и лечение кожных заболеваний</p>
</div>
<div class="service-card" data-service="cosmetology">
@@ -236,12 +204,28 @@
<p class="service-description">Современные методы эстетической медицины</p>
</div>
<div class="service-card" data-service="dermatology">
<div class="service-card" data-service="traumatology">
<div class="service-icon">
<i class="fas fa-microscope"></i>
<i class="fas fa-bone"></i>
</div>
<h3 class="service-title">Дерматовенерология</h3>
<p class="service-description">Диагностика и лечение кожных заболеваний</p>
<h3 class="service-title">Травматология-ортопедия</h3>
<p class="service-description">Помощь при травмах и заболеваниях опорно-двигательного аппарата</p>
</div>
<div class="service-card" data-service="therapy">
<div class="service-icon">
<i class="fas fa-stethoscope"></i>
</div>
<h3 class="service-title">Терапия</h3>
<p class="service-description">Общая медицинская помощь и профилактика заболеваний</p>
</div>
<div class="service-card" data-service="endocrinology">
<div class="service-icon">
<i class="fas fa-dna"></i>
</div>
<h3 class="service-title">Эндокринология</h3>
<p class="service-description">Диагностика и лечение эндокринных нарушений</p>
</div>
<div class="service-card" data-service="pediatrics">
@@ -252,12 +236,12 @@
<p class="service-description">Медицинская помощь для детей всех возрастов</p>
</div>
<div class="service-card" data-service="therapy">
<div class="service-card" data-service="ultrasound">
<div class="service-icon">
<i class="fas fa-stethoscope"></i>
<i class="fas fa-heartbeat"></i>
</div>
<h3 class="service-title">Терапия</h3>
<p class="service-description">Общая медицинская помощь и профилактика заболеваний</p>
<h3 class="service-title">Ультразвуковая диагностика</h3>
<p class="service-description">Современное УЗИ-оборудование для точной диагностики</p>
</div>
</div>
</div>
@@ -375,18 +359,14 @@
<button class="modal-close">
<i class="fas fa-times"></i>
</button>
</div>
<div class="modal-content">
<h4 class="procedures-title">Перечень процедур:</h4>
<ul class="procedures-list" id="modal-procedures">
<!-- Процедуры будут добавлены через JavaScript -->
</ul>
</div>
<div class="modal-footer">
<a href="#contact" class="btn btn-primary modal-btn">Записаться на прием</a>
</div>
</div> <div class="modal-content">
<h4 class="procedures-title">Перечень процедур:</h4>
<ul class="procedures-list" id="modal-procedures">
<!-- Процедуры будут добавлены через JavaScript -->
</ul>
</div>
</div>
</div>
</main>
<!-- Footer -->