first commit
This commit is contained in:
adlevin
493
index.html
Normal file
493
index.html
Normal file
@@ -0,0 +1,493 @@
|
||||
<!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">
|
||||
|
||||
<!-- 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="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>
|
||||
</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="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="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>
|
||||
</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="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="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="therapy">
|
||||
<div class="service-icon">
|
||||
<i class="fas fa-stethoscope"></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 class="modal-footer">
|
||||
<a href="#contact" class="btn btn-primary modal-btn">Записаться на прием</a>
|
||||
</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.png" alt="HELIX">
|
||||
<span>Официальный партнер HELIX</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© 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>
|
||||
Reference in New Issue
Block a user