Spaces:
Running
Running
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>PodologMed - Центр подологии</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| </head> | |
| <body class="font-sans bg-white text-gray-800"> | |
| <!-- Header --> | |
| <header class="bg-white shadow-md"> | |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <img src="http://static.photos/medical/120x60/1" alt="PodologMed Logo" class="h-12"> | |
| <div class="ml-4"> | |
| <h1 class="text-xl font-bold">PodologMed</h1> | |
| <p class="text-sm text-gray-600">Центр подологии</p> | |
| </div> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-6"> | |
| <div class="flex items-center"> | |
| <i data-feather="phone" class="mr-2"></i> | |
| <div> | |
| <p class="text-sm">+375 (29) 123-45-67</p> | |
| <p class="text-sm">+375 (33) 987-65-43</p> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <i data-feather="map-pin" class="mr-2"></i> | |
| <div> | |
| <p class="text-sm">г. Минск, ул. Примерная, 123</p> | |
| <p class="text-sm">Пн-Пт: 9:00-20:00, Сб: 10:00-18:00</p> | |
| </div> | |
| </div> | |
| </div> | |
| <button class="md:hidden"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| <nav class="bg-gray-100 py-3 hidden md:block"> | |
| <div class="container mx-auto px-4"> | |
| <ul class="flex space-x-8"> | |
| <li><a href="#" class="font-medium hover:text-blue-600">Главная</a></li> | |
| <li><a href="#" class="font-medium hover:text-blue-600">Услуги</a></li> | |
| <li><a href="#" class="font-medium hover:text-blue-600">Специалисты</a></li> | |
| <li><a href="#" class="font-medium hover:text-blue-600">Цены</a></li> | |
| <li><a href="#" class="font-medium hover:text-blue-600">О нас</a></li> | |
| <li><a href="#" class="font-medium hover:text-blue-600">Контакты</a></li> | |
| <li><a href="#" class="font-medium hover:text-blue-600">Блог</a></li> | |
| </ul> | |
| </div> | |
| </nav> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="bg-blue-50 py-16"> | |
| <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-8 md:mb-0"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Профессиональный уход за стопами</h2> | |
| <p class="text-lg mb-6">Мы предлагаем комплексное лечение и уход за стопами с использованием современного оборудования и индивидуального подхода к каждому пациенту.</p> | |
| <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4"> | |
| <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md text-center font-medium">Записаться на прием</a> | |
| <a href="#" class="border border-blue-600 text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-md text-center font-medium">Узнать цены</a> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <img src="http://static.photos/medical/600x400/1" alt="Podology treatment" class="rounded-lg shadow-lg"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section class="py-16"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Наши услуги</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Service 1 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> | |
| <img src="http://static.photos/medical/400x250/1" alt="Service 1" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-3">Лечение грибка ногтей</h3> | |
| <p class="text-gray-600 mb-4">Комплексное лечение онихомикоза с использованием современных методов и препаратов.</p> | |
| <a href="#" class="text-blue-600 font-medium hover:underline">Подробнее →</a> | |
| </div> | |
| </div> | |
| <!-- Service 2 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> | |
| <img src="http://static.photos/medical/400x250/2" alt="Service 2" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-3">Коррекция вросшего ногтя</h3> | |
| <p class="text-gray-600 mb-4">Безболезненное решение проблемы вросшего ногтя с помощью современных методик.</p> | |
| <a href="#" class="text-blue-600 font-medium hover:underline">Подробнее →</a> | |
| </div> | |
| </div> | |
| <!-- Service 3 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> | |
| <img src="http://static.photos/medical/400x250/3" alt="Service 3" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-3">Медицинский педикюр</h3> | |
| <p class="text-gray-600 mb-4">Профессиональный уход за стопами с учетом индивидуальных особенностей пациента.</p> | |
| <a href="#" class="text-blue-600 font-medium hover:underline">Подробнее →</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <a href="#" class="inline-block border border-blue-600 text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-md font-medium">Все услуги</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section class="bg-gray-50 py-16"> | |
| <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> | |
| <img src="http://static.photos/medical/600x400/2" alt="About clinic" class="rounded-lg shadow-lg"> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <h2 class="text-3xl font-bold mb-6">О нашем центре</h2> | |
| <p class="text-gray-600 mb-4">Центр подологии PodologMed - это современная клиника, специализирующаяся на диагностике, лечении и профилактике заболеваний стоп.</p> | |
| <p class="text-gray-600 mb-6">Наша команда состоит из высококвалифицированных специалистов с медицинским образованием и многолетним опытом работы в области подологии.</p> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6"> | |
| <div class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1"></i> | |
| <p>Современное оборудование</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1"></i> | |
| <p>Индивидуальный подход</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1"></i> | |
| <p>Безболезненные процедуры</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1"></i> | |
| <p>Гигиена и стерильность</p> | |
| </div> | |
| </div> | |
| <a href="#" class="inline-block bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md font-medium">Подробнее о нас</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Specialists Section --> | |
| <section class="py-16"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Наши специалисты</h2> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Specialist 1 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden text-center"> | |
| <img src="http://static.photos/people/400x400/1" alt="Specialist 1" class="w-full h-64 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-1">Иванова Анна</h3> | |
| <p class="text-blue-600 mb-3">Врач-подолог</p> | |
| <p class="text-gray-600 mb-4">Опыт работы более 10 лет. Специализация: лечение грибковых заболеваний, коррекция вросших ногтей.</p> | |
| <a href="#" class="text-blue-600 font-medium hover:underline">Подробнее →</a> | |
| </div> | |
| </div> | |
| <!-- Specialist 2 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden text-center"> | |
| <img src="http://static.photos/people/400x400/2" alt="Specialist 2" class="w-full h-64 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-1">Петров Дмитрий</h3> | |
| <p class="text-blue-600 mb-3">Подолог</p> | |
| <p class="text-gray-600 mb-4">Опыт работы 7 лет. Специализация: медицинский педикюр, лечение мозолей и натоптышей.</p> | |
| <a href="#" class="text-blue-600 font-medium hover:underline">Подробнее →</a> | |
| </div> | |
| </div> | |
| <!-- Specialist 3 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden text-center"> | |
| <img src="http://static.photos/people/400x400/3" alt="Specialist 3" class="w-full h-64 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-1">Сидорова Елена</h3> | |
| <p class="text-blue-600 mb-3">Медсестра-подолог</p> | |
| <p class="text-gray-600 mb-4">Опыт работы 5 лет. Специализация: уход за диабетической стопой, профилактические процедуры.</p> | |
| <a href="#" class="text-blue-600 font-medium hover:underline">Подробнее →</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Appointment Section --> | |
| <section class="bg-blue-600 text-white py-16"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-3xl font-bold mb-6">Записаться на прием</h2> | |
| <p class="text-xl mb-8 max-w-3xl mx-auto">Оставьте заявку и мы свяжемся с вами для уточнения деталей и записи на удобное время</p> | |
| <form class="max-w-md mx-auto"> | |
| <div class="mb-4"> | |
| <input type="text" placeholder="Ваше имя" class="w-full px-4 py-3 rounded-md bg-blue-500 text-white placeholder-blue-200 focus:outline-none focus:ring-2 focus:ring-white"> | |
| </div> | |
| <div class="mb-4"> | |
| <input type="tel" placeholder="Телефон" class="w-full px-4 py-3 rounded-md bg-blue-500 text-white placeholder-blue-200 focus:outline-none focus:ring-2 focus:ring-white"> | |
| </div> | |
| <div class="mb-6"> | |
| <select class="w-full px-4 py-3 rounded-md bg-blue-500 text-white focus:outline-none focus:ring-2 focus:ring-white"> | |
| <option value="" disabled selected>Выберите услугу</option> | |
| <option value="1">Консультация подолога</option> | |
| <option value="2">Лечение грибка ногтей</option> | |
| <option value="3">Коррекция вросшего ногтя</option> | |
| <option value="4">Медицинский педикюр</option> | |
| </select> | |
| </div> | |
| <button type="submit" class="w-full bg-white text-blue-600 hover:bg-gray-100 px-6 py-3 rounded-md font-bold">Отправить заявку</button> | |
| </form> | |
| </div> | |
| </section> | |
| <!-- Reviews Section --> | |
| <section class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Отзывы наших пациентов</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Review 1 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="http://static.photos/people/80x80/1" alt="Reviewer 1" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Ольга К.</h4> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600">"Очень благодарна специалистам центра за помощь с моей проблемой вросшего ногтя. Все сделали аккуратно и безболезненно. Теперь только к ним!"</p> | |
| </div> | |
| <!-- Review 2 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="http://static.photos/people/80x80/2" alt="Reviewer 2" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Александр П.</h4> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600">"Долго мучился с грибком ногтей, перепробовал много средств. В PodologMed подобрали эффективное лечение, сейчас уже виден результат. Спасибо!"</p> | |
| </div> | |
| <!-- Review 3 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="http://static.photos/people/80x80/3" alt="Reviewer 3" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Екатерина М.</h4> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600">"Хожу на медицинский педикюр уже больше года. Очень нравится отношение персонала и качество работы. Стопы всегда в идеальном состоянии."</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contacts Section --> | |
| <section class="py-16"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Контакты</h2> | |
| <div class="flex flex-col md:flex-row"> | |
| <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> | |
| <div class="bg-white p-6 rounded-lg shadow-md h-full"> | |
| <h3 class="text-xl font-bold mb-4">Наши реквизиты</h3> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <i data-feather="map-pin" class="mr-3 mt-1 text-blue-600"></i> | |
| <div> | |
| <p class="font-medium">Адрес:</p> | |
| <p class="text-gray-600">г. Минск, ул. Примерная, 123</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <i data-feather="phone" class="mr-3 mt-1 text-blue-600"></i> | |
| <div> | |
| <p class="font-medium">Телефоны:</p> | |
| <p class="text-gray-600">+375 (29) 123-45-67</p> | |
| <p class="text-gray-600">+375 (33) 987-65-43</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <i data-feather="mail" class="mr-3 mt-1 text-blue-600"></i> | |
| <div> | |
| <p class="font-medium">Email:</p> | |
| <p class="text-gray-600">info@podologmed.by</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <i data-feather="clock" class="mr-3 mt-1 text-blue-600"></i> | |
| <div> | |
| <p class="font-medium">Режим работы:</p> | |
| <p class="text-gray-600">Пн-Пт: 9:00-20:00</p> | |
| <p class="text-gray-600">Сб: 10:00-18:00</p> | |
| <p class="text-gray-600">Вс: выходной</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="bg-white p-6 rounded-lg shadow-md h-full"> | |
| <h3 class="text-xl font-bold mb-4">Как нас найти</h3> | |
| <div class="aspect-w-16 aspect-h-9"> | |
| <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2350.692635887016!2d27.5618763158598!3d53.90289698009897!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46dbcfd35b1e6ad3%3A0xb61b853ddb570d9!2z0JzQuNC90YHQug!5e0!3m2!1sru!2sby!4v1620000000000!5m2!1sru!2sby" class="w-full h-96 border-0 rounded-lg" allowfullscreen="" loading="lazy"></iframe> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">PodologMed</h3> | |
| <p class="text-gray-400">Центр подологии в Минске. Профессиональный уход за стопами с 2015 года.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Услуги</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Лечение грибка ногтей</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Коррекция вросшего ногтя</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Медицинский педикюр</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Лечение мозолей</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Диабетическая стопа</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Информация</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">О нас</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Специалисты</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Цены</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Блог</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Контакты</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Контакты</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li class="flex items-start"> | |
| <i data-feather="map-pin" class="mr-2 mt-1 w-4 h-4"></i> | |
| <span>г. Минск, ул. Примерная, 123</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="phone" class="mr-2 mt-1 w-4 h-4"></i> | |
| <span>+375 (29) 123-45-67</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="mail" class="mr-2 mt-1 w-4 h-4"></i> | |
| <span>info@podologmed.by</span> | |
| </li> | |
| </ul> | |
| <div class="mt-4 flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="facebook" class="w-5 h-5"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="instagram" class="w-5 h-5"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="youtube" class="w-5 h-5"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> | |
| <p>© 2023 PodologMed. Все права защищены.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |