Files
fidem/index.html

581 lines
30 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://fidem-slonim.by/">
<meta property="og:title" content="ФИДЕМ - Медицинский центр в Слониме">
<meta property="og:description" content="Медицинский центр ФИДЕМ в Слониме. Лабораторная диагностика, УЗИ, гинекология, урология и другие медицинские услуги. Официальный партнер Helix.">
<meta property="og:image" content="https://fidem-slonim.by/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://fidem-slonim.by/">
<meta property="twitter:title" content="ФИДЕМ - Медицинский центр в Слониме">
<meta property="twitter:description" content="Медицинский центр ФИДЕМ в Слониме. Качественная медицинская помощь для всей семьи.">
<meta property="twitter:image" content="https://fidem-slonim.by/assets/images/og-image.png">
<!-- Canonical URL -->
<link rel="canonical" href="https://fidem-slonim.by/">
<!-- 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">
<div class="brand-info">
<span class="brand-text">ФИДЕМ</span>
<span class="brand-subtitle">медицинский центр</span>
<div class="partner-info">
<span class="partner-text">Официальный партнер</span>
<img src="assets/images/helix-logo.svg" alt="Helix" class="partner-logo">
<span class="partner-brand">HELIX</span>
</div>
</div>
</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="#payment" 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>
<div class="header-contact-info">
<div class="phone-numbers">
<a href="tel:+375333630609" class="phone-number">8(033) 363-06-09</a>
<a href="tel:+375296306052" class="phone-number">8(029) 630-60-52</a>
<a href="tel:+375015626630060" class="phone-number">8(01562) 6-30-60</a>
</div>
<span class="work-hours">ежедневно с 8:00 до 20:00</span>
</div>
</div>
<div class="header-social">
<a href="https://www.instagram.com/fidem_slonim" target="_blank" rel="noopener noreferrer" class="social-link instagram" title="Наш Instagram">
<i class="fab fa-instagram"></i>
</a>
</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-slides-container">
<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-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="laboratory">
<div class="service-icon">
<i class="fas fa-vial"></i>
</div>
<h3 class="service-title">Лабораторные исследования</h3>
<p class="service-description">Официальный партнер международной лаборатории HELIX в г.Слониме</p>
</div>
<div class="service-card" data-service="procedures">
<div class="service-icon">
<i class="fas fa-syringe"></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>
</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="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="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="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="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="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="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="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>
<!-- Payment Section -->
<section id="payment" class="payment">
<div class="container">
<div class="section-header">
<h2 class="section-title">Способ оплаты</h2>
<p class="section-subtitle">Удобные варианты оплаты медицинских услуг</p>
</div>
<div class="payment-methods">
<div class="payment-card">
<div class="payment-icon">
<i class="fas fa-money-bill"></i>
</div>
<h3 class="payment-title">Наличный расчет</h3>
<p class="payment-description">Оплата наличными средствами в кассе медицинского центра</p>
</div>
<div class="payment-card">
<div class="payment-icon">
<i class="fas fa-credit-card"></i>
</div>
<h3 class="payment-title">Безналичный расчет</h3>
<p class="payment-description">Оплата по банковским картам или банковским переводом</p>
</div>
<div class="payment-card">
<div class="payment-icon">
<i class="fas fa-tag"></i>
</div>
<h3 class="payment-title">Карты рассрочки</h3>
<p class="payment-description">
<strong>Халва</strong> (2 месяца)<br>
<strong>Карта покупок</strong> (2 месяца)
</p>
</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 class="modal-note" id="modal-note" style="display: none;">
<!-- Примечание будет добавлено через JavaScript -->
</div>
</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>
<li><a href="#services">Косметология</a></li>
<li><a href="#services">Оториноларингология</a></li>
<li><a href="#services">Терапия</a></li>
<li><a href="#services">Педиатрия</a></li>
<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>
<li><i class="fas fa-phone"></i> 8(01562) 6-30-60</li>
</ul>
</div>
<div class="footer-section">
<h4>Партнеры</h4>
<div class="partners-list">
<div class="partner-info-footer">
<span class="partner-text">Официальный партнер</span>
<img src="assets/images/helix-logo.svg" alt="Helix" class="partner-logo">
<span class="partner-brand">HELIX</span>
</div>
<div class="partners-insurance">
<p class="partners-title">Страховые партнёры:</p>
<ul class="insurance-list">
<li>БРУСП "Белгосстрах"</li>
<li>ЗАСО "Промтрансинвест"</li>
<li>ЗАСО "Белнефтестрах"</li>
<li>ООО "БелВЭБ Страхование"</li>
<li>СООО "Асоба"</li>
<li>ЗАСО "КЕНТАВР"</li>
<li>ЗАСО "Имклива Иншуранс"</li>
</ul>
</div>
</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://fidem-slonim.by",
"logo": "https://fidem-slonim.by/logo.svg",
"image": "https://fidem-slonim.by/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": [
"https://www.instagram.com/fidem_slonim"
]
}
</script>
</body>
</html>