Files
fidem/index.html
adlevin d3f76b1113 .
2025-08-16 03:19:00 +03:00

474 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ФИДЕМ - Медицинский центр в Слониме</title>
<meta name="description" content="Медицинский центр ФИДЕМ в Слониме. Лабораторная диагностика, УЗИ, гинекология, урология и другие медицинские услуги. Официальный партнер Helix.">
<meta name="keywords" content="медицинский центр, Слоним, ФИДЕМ, анализы, УЗИ, гинекология, урология, медицина, Helix, лабораторная диагностика">
<meta name="author" content="Медицинский центр ФИДЕМ">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://yourdomain.com/">
<meta property="og:title" content="ФИДЕМ - Медицинский центр в Слониме">
<meta property="og:description" content="Медицинский центр ФИДЕМ в Слониме. Лабораторная диагностика, УЗИ, гинекология, урология и другие медицинские услуги. Официальный партнер Helix.">
<meta property="og:image" content="https://yourdomain.com/assets/images/og-image.png">
<meta property="og:locale" content="ru_RU">
<meta property="og:site_name" content="ФИДЕМ">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://yourdomain.com/">
<meta property="twitter:title" content="ФИДЕМ - Медицинский центр в Слониме">
<meta property="twitter:description" content="Медицинский центр ФИДЕМ в Слониме. Качественная медицинская помощь для всей семьи.">
<meta property="twitter:image" content="https://yourdomain.com/assets/images/og-image.png">
<!-- Canonical URL -->
<link rel="canonical" href="https://yourdomain.com/">
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="logo.svg">
<link rel="apple-touch-icon" href="logo.svg">
<!-- PWA Manifest -->
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#81C784">
<!-- CSS -->
<link rel="stylesheet" href="assets/css/main.css?v=1.2">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<!-- Header -->
<header class="header">
<nav class="navbar">
<div class="container">
<div class="navbar-brand">
<img src="logo.svg" alt="ФИДЕМ" class="logo">
<span class="brand-text">ФИДЕМ</span>
</div>
<div class="navbar-menu" id="navbar-menu">
<ul class="navbar-nav">
<li><a href="#home" class="nav-link">Главная</a></li>
<li><a href="#services" class="nav-link">Услуги</a></li>
<li><a href="#about" class="nav-link">О нас</a></li>
<li><a href="#contact" class="nav-link">Контакты</a></li>
</ul>
</div>
<div class="header-contact">
<i class="fas fa-phone"></i>
<span>8(033) 363-06-09</span>
</div>
<button class="mobile-menu-toggle" id="mobile-menu-toggle">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
</header>
<!-- Main Content -->
<main>
<!-- Hero Section -->
<section id="home" class="hero">
<div class="hero-slider">
<div class="hero-slide active">
<div class="hero-content">
<div class="container">
<div class="hero-text">
<h1 class="hero-title">Современный медицинский центр в Слониме</h1>
<p class="hero-subtitle">Качественная медицинская помощь для всей семьи</p>
<div class="hero-buttons">
<a href="#services" class="btn btn-primary">Наши услуги</a>
<a href="#contact" class="btn btn-outline">Записаться</a>
</div>
</div>
</div>
</div>
<div class="hero-image">
<img src="assets/images/hero-1.jpg" alt="Медицинский центр ФИДЕМ">
</div>
</div>
<div class="hero-slide">
<div class="hero-content">
<div class="container">
<div class="hero-text">
<h1 class="hero-title">Лабораторная диагностика</h1>
<p class="hero-subtitle">Официальный партнер HELIX - точные результаты анализов</p>
<div class="hero-buttons">
<a href="#services" class="btn btn-primary">Узнать больше</a>
<a href="#contact" class="btn btn-outline">Записаться</a>
</div>
</div>
</div>
</div>
<div class="hero-image">
<img src="assets/images/hero-2.jpg" alt="Лабораторная диагностика">
</div>
</div>
<div class="hero-slide">
<div class="hero-content">
<div class="container">
<div class="hero-text">
<h1 class="hero-title">Ультразвуковая диагностика</h1>
<p class="hero-subtitle">Современное оборудование для точной диагностики</p>
<div class="hero-buttons">
<a href="#services" class="btn btn-primary">Наши услуги</a>
<a href="#contact" class="btn btn-outline">Записаться</a>
</div>
</div>
</div>
</div>
<div class="hero-image">
<img src="assets/images/hero-3.jpg" alt="УЗИ диагностика">
</div>
</div>
</div>
<div class="hero-nav">
<button class="hero-nav-btn active" data-slide="0"></button>
<button class="hero-nav-btn" data-slide="1"></button>
<button class="hero-nav-btn" data-slide="2"></button>
</div>
<div class="hero-arrows">
<button class="hero-arrow hero-arrow-prev">
<i class="fas fa-chevron-left"></i>
</button>
<button class="hero-arrow hero-arrow-next">
<i class="fas fa-chevron-right"></i>
</button>
</div>
</section>
<!-- Services Section -->
<section id="services" class="services">
<div class="container">
<div class="section-header">
<h2 class="section-title">Наши услуги</h2>
<p class="section-subtitle">Полный спектр медицинских услуг для вашего здоровья</p>
</div>
<div class="services-grid">
<div class="service-card" data-service="gynecology">
<div class="service-icon">
<i class="fas fa-female"></i>
</div>
<h3 class="service-title">Гинекология</h3>
<p class="service-description">Комплексная медицинская помощь для женского здоровья</p>
</div>
<div class="service-card" data-service="urology">
<div class="service-icon">
<i class="fas fa-male"></i>
</div>
<h3 class="service-title">Урология</h3>
<p class="service-description">Диагностика и лечение урологических заболеваний</p>
</div>
<div class="service-card" data-service="otolaryngology">
<div class="service-icon">
<i class="fas fa-ear-listen"></i>
</div>
<h3 class="service-title">Оториноларингология</h3>
<p class="service-description">Лечение заболеваний уха, горла и носа</p>
</div>
<div class="service-card" data-service="dermatology">
<div class="service-icon">
<i class="fas fa-microscope"></i>
</div>
<h3 class="service-title">Дерматовенерология</h3>
<p class="service-description">Диагностика и лечение кожных заболеваний</p>
</div>
<div class="service-card" data-service="cosmetology">
<div class="service-icon">
<i class="fas fa-spa"></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="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">
<div class="service-icon">
<i class="fas fa-child"></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>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="about">
<div class="container">
<div class="section-header">
<h2 class="section-title">О медицинском центре ФИДЕМ</h2>
<p class="section-subtitle">Современное медицинское учреждение в городе Слоним</p>
</div>
<div class="about-content">
<div class="about-text">
<p>Медицинский центр ФИДЕМ - это современное медицинское учреждение в городе Слоним, оказывающее широкий спектр медицинских услуг для всей семьи.</p>
<p>Мы используем современное медицинское оборудование и работаем с квалифицированными специалистами, чтобы обеспечить нашим пациентам качественную медицинскую помощь.</p>
<div class="about-features">
<div class="feature">
<i class="fas fa-award"></i>
<div>
<h4>Качество</h4>
<p>Высокие стандарты медицинского обслуживания</p>
</div>
</div>
<div class="feature">
<i class="fas fa-users"></i>
<div>
<h4>Опыт</h4>
<p>Квалифицированные специалисты с большим опытом</p>
</div>
</div>
<div class="feature">
<i class="fas fa-clock"></i>
<div>
<h4>Удобство</h4>
<p>Гибкий график работы и удобное расположение</p>
</div>
</div>
</div>
</div>
<div class="about-image">
<img src="assets/images/about.jpg" alt="О медицинском центре ФИДЕМ">
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<div class="container">
<div class="section-header">
<h2 class="section-title">Контакты и расположение</h2>
<p class="section-subtitle">Свяжитесь с нами для записи на прием</p>
</div>
<div class="contact-content">
<div class="contact-info">
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="contact-details">
<h4>Адрес</h4>
<p>г. Слоним, ул. Чапаева, 3</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-phone"></i>
</div>
<div class="contact-details">
<h4>Телефоны</h4>
<p>МТС: <a href="tel:+375333630609">8(033) 363-06-09</a></p>
<p>А1: <a href="tel:+375296306052">8(029) 630-60-52</a></p>
<p>Городской: <a href="tel:+375015626630060">8(01562) 6-30-60</a></p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-clock"></i>
</div>
<div class="contact-details">
<h4>Режим работы</h4>
<p>Ежедневно: 8:00 - 20:00</p>
<p>Без выходных</p>
</div>
</div>
</div>
<div class="map-container">
<div id="map"></div>
</div>
</div>
</div>
</section>
<!-- Service Modal -->
<div id="service-modal" class="service-modal">
<div class="modal-overlay"></div>
<div class="modal-card">
<div class="modal-header">
<div class="modal-icon">
<i class="fas fa-vial"></i>
</div>
<div class="modal-title-section">
<h3 class="modal-title">Название услуги</h3>
<p class="modal-description">Описание услуги</p>
</div>
<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>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<div class="footer-brand">
<img src="logo.svg" alt="ФИДЕМ" class="footer-logo">
<h3>ФИДЕМ</h3>
</div>
<p>Медицинский центр в Слониме. Качественная медицинская помощь для всей семьи.</p>
</div>
<div class="footer-section">
<h4>Услуги</h4>
<ul>
<li><a href="#services">Лабораторная диагностика</a></li>
<li><a href="#services">УЗИ диагностика</a></li>
<li><a href="#services">Гинекология</a></li>
<li><a href="#services">Урология</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Контакты</h4>
<ul>
<li><i class="fas fa-map-marker-alt"></i> г. Слоним, ул. Чапаева, 3</li>
<li><i class="fas fa-phone"></i> 8(033) 363-06-09</li>
<li><i class="fas fa-phone"></i> 8(029) 630-60-52</li>
</ul>
</div>
<div class="footer-section">
<h4>Партнеры</h4>
<div class="partner-logo-small">
<img src="assets/images/helix-logo.svg" alt="HELIX">
<span>Официальный партнер HELIX</span>
</div>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 Медицинский центр ФИДЕМ. Все права защищены.</p>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/services-data.js"></script>
<script src="assets/js/main.js"></script>
<!-- Yandex Maps API -->
<script src="https://api-maps.yandex.ru/2.1/?apikey=YOUR_API_KEY&lang=ru_RU" defer></script>
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "MedicalOrganization",
"name": "ФИДЕМ",
"alternateName": "Медицинский центр ФИДЕМ",
"description": "Медицинский центр в Слониме, оказывающий полный спектр медицинских услуг для всей семьи",
"url": "https://yourdomain.com",
"logo": "https://yourdomain.com/logo.svg",
"image": "https://yourdomain.com/assets/images/og-image.png",
"address": {
"@type": "PostalAddress",
"streetAddress": "ул. Чапаева, 3",
"addressLocality": "Слоним",
"addressCountry": "BY"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "53.092667",
"longitude": "25.321702"
},
"telephone": [
"+375333630609",
"+375296306052",
"+375015626630060"
],
"openingHours": [
"Mo-Su 08:00-20:00"
],
"medicalSpecialty": [
"Лабораторная диагностика",
"Ультразвуковая диагностика",
"Гинекология",
"Урология",
"Оториноларингология",
"Эндокринология",
"Травматология",
"Ортопедия",
"Косметология",
"Дерматовенерология",
"Педиатрия",
"Терапия"
],
"sameAs": []
}
</script>
</body>
</html>