/
neyro_ufa
/
html
Обзор
Документация
Войти
/
neyro_ufa
/
html
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
487 строк
29 KB
neyro_ufa
fisrt
15 янв 2026, 16:41
15 янв 2026, 16:41
41e0ac6
Код
Авторство
О чём код?
<!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="Профессиональная нейропсихологическая помощь для детей и взрослых. Диагностика, коррекция, реабилитация после инсультов и ЧМТ."> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet"> <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🧠</text></svg>"> </head> <body> <!-- Шапка сайта с навигацией --> <header class="header" id="header"> <div class="container"> <div class="header-inner"> <div class="logo"> <h1>Алия Мухаметханова</h1> <p class="subtitle">нейропсихолог</p> </div> <nav class="nav"> <ul class="nav-list"> <li><a href="#home" class="nav-link active">Главная</a></li> <li><a href="#about" class="nav-link">Обо мне</a></li> <li><a href="#services" class="nav-link">Услуги</a></li> <li><a href="#process" class="nav-link">Как я работаю</a></li> <li><a href="#testimonials" class="nav-link">Отзывы</a></li> <li><a href="#contact" class="nav-link">Контакты</a></li> </ul> <div class="menu-toggle" id="menuToggle"> <i class="fas fa-bars"></i> </div> </nav> <a href="#contact" class="btn btn-primary btn-sm">Записаться</a> </div> </div> </header> <!-- Главный экран (Hero Section) --> <section class="hero" id="home"> <div class="container"> <div class="hero-inner"> <div class="hero-content"> <h2 class="hero-title">Восстановление и развитие работы мозга: от диагностики к результату</h2> <p class="hero-subtitle">Профессиональная нейропсихологическая диагностика и коррекция для взрослых и детей. Помощь при СДВГ, после инсультов, ЧМТ, при трудностях в обучении и эмоциональных нарушениях.</p> <div class="hero-buttons"> <a href="#contact" class="btn btn-primary">Записаться на прием</a> <a href="#about" class="btn btn-secondary">Узнать больше</a> </div> </div> <div class="about-image"> <div class="profile-avatar"> <img src="avatar3.jpg" alt="Анна Петрова" class="avatar-photo"> <!-- Бейдж или декоративный элемент --> <div class="avatar-badge"> <i class="fas fa-certificate"></i> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Секция "Обо мне" --> <section class="section about" id="about"> <div class="container"> <h2 class="section-title">Обо мне</h2> <div class="about-inner"> <div class="about-image"> <div class="image-placeholder round"> <i class="fas fa-brain"></i> <p>Алия Мухаметханова</p> </div> </div> <div class="about-content"> <h3>Профессиональный нейропсихолог с 10-летним опытом</h3> <p>Я, Алия Мухаметханова, дипломированный нейропсихолог с опытом работы более 10 лет. Помогаю детям и взрослым преодолевать трудности, связанные с работой высших психических функций: памятью, вниманием, мышлением, речью, управлением эмоциями.</p> <p>Регулярно повышаю квалификацию в ведущих российских и зарубежных институтах, руковожусь принципами доказательной медицины в своей работе.</p> <div class="stats"> <div class="stat-item"> <div class="stat-number">10+</div> <div class="stat-text">лет опыта</div> </div> <div class="stat-item"> <div class="stat-number">1500+</div> <div class="stat-text">часов консультаций</div> </div> <div class="stat-item"> <div class="stat-number">300+</div> <div class="stat-text">довольных клиентов</div> </div> </div> <div class="education"> <h4>Образование и сертификаты:</h4> <ul> <li><i class="fas fa-graduation-cap"></i> МГУ им. Ломоносова, факультет психологии</li> <li><i class="fas fa-certificate"></i> Сертификат по нейрореабилитации (Институт им. Бехтерева)</li> <li><i class="fas fa-certificate"></i> Курс "Когнитивная реабилитация после ЧМТ"</li> </ul> </div> </div> </div> </div> </section> <!-- Секция "Услуги" --> <section class="section services" id="services"> <div class="container"> <h2 class="section-title">Мои услуги</h2> <p class="section-subtitle">Индивидуальный подход на основе современных нейропсихологических методик</p> <div class="services-grid"> <div class="service-card"> <div class="service-icon"> <i class="fas fa-search"></i> </div> <h3 class="service-title">Нейропсихологическая диагностика</h3> <p class="service-description">Оценка состояния памяти, внимания, мышления и других функций для понимания причин трудностей. Для детей и взрослых.</p> <div class="service-details"> <p><i class="far fa-clock"></i> 2-3 встречи по 60 мин</p> <p><i class="fas fa-ruble-sign"></i> от 5 000 руб.</p> </div> </div> <div class="service-card"> <div class="service-icon"> <i class="fas fa-child"></i> </div> <h3 class="service-title">Коррекционные занятия для детей</h3> <p class="service-description">Индивидуальные программы для преодоления трудностей в обучении (дислексия, дисграфия), СДВГ, поведенческих проблем.</p> <div class="service-details"> <p><i class="far fa-clock"></i> Курс от 10 занятий</p> <p><i class="fas fa-ruble-sign"></i> 3 500 руб./занятие</p> </div> </div> <div class="service-card"> <div class="service-icon"> <i class="fas fa-user-injured"></i> </div> <h3 class="service-title">Реабилитация для взрослых</h3> <p class="service-description">Восстановление когнитивных функций после инсульта, черепно-мозговой травмы, операций, стресса, возрастных изменений.</p> <div class="service-details"> <p><i class="far fa-clock"></i> Индивидуальный план</p> <p><i class="fas fa-ruble-sign"></i> от 4 000 руб./занятие</p> </div> </div> <div class="service-card"> <div class="service-icon"> <i class="fas fa-users"></i> </div> <h3 class="service-title">Консультация для родителей</h3> <p class="service-description">Объяснение результатов диагностики ребенка, стратегии помощи дома, рекомендации по взаимодействию со школой.</p> <div class="service-details"> <p><i class="far fa-clock"></i> 60-90 минут</p> <p><i class="fas fa-ruble-sign"></i> 4 500 руб.</p> </div> </div> </div> </div> </section> <!-- Секция "Как я работаю" --> <section class="section process" id="process"> <div class="container"> <h2 class="section-title">Как я работаю</h2> <p class="section-subtitle">Четкий поэтапный подход к решению вашей проблемы</p> <div class="process-steps"> <div class="step"> <div class="step-number">1</div> <h3 class="step-title">Первичная консультация</h3> <p class="step-description">Знакомство, сбор анамнеза, определение целей и ожиданий от работы.</p> </div> <div class="step"> <div class="step-number">2</div> <h3 class="step-title">Диагностика</h3> <p class="step-description">Проведение нейропсихологических тестовых проб (1-3 встречи).</p> </div> <div class="step"> <div class="step-number">3</div> <h3 class="step-title">Обратная связь</h3> <p class="step-description">Подробный разбор результатов, выдача письменного заключения.</p> </div> <div class="step"> <div class="step-number">4</div> <h3 class="step-title">Составление программы</h3> <p class="step-description">Разработка индивидуального плана коррекции или реабилитации.</p> </div> <div class="step"> <div class="step-number">5</div> <h3 class="step-title">Регулярные занятия</h3> <p class="step-description">Проведение встреч по плану с отслеживанием динамики и коррекцией программы.</p> </div> </div> </div> </section> <!-- Секция "Частые вопросы" --> <section class="section faq"> <div class="container"> <h2 class="section-title">Частые вопросы</h2> <div class="faq-list"> <div class="faq-item"> <div class="faq-question"> <h3>Чем нейропсихолог отличается от психолога или невролога?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Невролог работает с органическими поражениями нервной системы (назначает медикаменты). Психолог работает с эмоциональными и личностными проблемами. Нейропсихолог занимается связью работы мозга и психических функций (память, внимание, мышление), выявляя "слабые звенья" и проводя коррекцию.</p> </div> </div> <div class="faq-item"> <div class="faq-question"> <h3>Сколько нужно занятий, чтобы увидеть результат?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Это зависит от исходного состояния и целей. Минимальный курс для детей - 10-15 занятий, для взрослых после инсультов/травм - от 20 занятий. Первые улучшения часто заметны уже через 5-7 встреч.</p> </div> </div> <div class="faq-item"> <div class="faq-question"> <h3>Возможны ли онлайн-консультации?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Да, провожу онлайн-консультации и диагностику для взрослых. Для детей младше 10 лет рекомендованы очные встречи, так как часть методик требует непосредственного взаимодействия.</p> </div> </div> <div class="faq-item"> <div class="faq-question"> <h3>Нужно ли направление от невролога?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Нет, направление не требуется. Вы можете записаться самостоятельно. Однако при наличии медицинских диагнозов (после инсульта, ЧМТ) полезно иметь медицинские документы для полноты картины.</p> </div> </div> </div> </div> </section> <!-- Секция "Отзывы" --> <section class="section testimonials" id="testimonials"> <div class="container"> <h2 class="section-title">Отзывы клиентов</h2> <p class="section-subtitle">Истории людей, которым я помогла</p> <div class="testimonials-slider"> <div class="testimonial active"> <div class="testimonial-content"> <p>"После инсульта у мужа были серьезные проблемы с памятью и речью. Благодаря курсу занятий с Анной он восстановил речь, стал гораздо внимательнее. Мы снова можем общаться и даже читать книги вместе. Огромная благодарность!"</p> </div> <div class="testimonial-author"> <div class="author-info"> <h4>Елена С.</h4> <p>супруг после инсульта</p> </div> </div> </div> <div class="testimonial"> <div class="testimonial-content"> <p>"Сыну 8 лет, были большие проблемы с чтением и письмом в школе. После диагностики Анна объяснила причины и разработала программу. За 4 месяца занятий сын догнал сверстников, теперь с удовольствием читает. Оценки улучшились, а главное - появилась уверенность в себе."</p> </div> <div class="testimonial-author"> <div class="author-info"> <h4>Мария К.</h4> <p>сын 8 лет, дислексия</p> </div> </div> </div> <div class="testimonial"> <div class="testimonial-content"> <p>"После автомобильной аварии и ЧМТ не мог сосредоточиться на работе, постоянно всё забывал. Коллеги стали замечать. Прошел курс нейрореабилитации. Теперь работаю в полную силу, память восстановилась. Спасибо за профессионализм и поддержку!"</p> </div> <div class="testimonial-author"> <div class="author-info"> <h4>Дмитрий П.</h4> <p>после ЧМТ, 42 года</p> </div> </div> </div> <div class="slider-controls"> <button class="slider-btn prev-btn"><i class="fas fa-chevron-left"></i></button> <div class="slider-dots"> <span class="dot active"></span> <span class="dot"></span> <span class="dot"></span> </div> <button class="slider-btn next-btn"><i class="fas fa-chevron-right"></i></button> </div> </div> </div> </section> <!-- Секция "Контакты и запись" --> <section class="section contact" id="contact"> <div class="container"> <h2 class="section-title">Запись на консультацию</h2> <p class="section-subtitle">Свяжитесь со мной любым удобным способом</p> <div class="contact-inner"> <div class="contact-info"> <h3>Контактная информация</h3> <div class="contact-item"> <div class="contact-icon"> <i class="fas fa-phone-alt"></i> </div> <div class="contact-details"> <h4>Телефон</h4> <p>+7 (927) 333-26-19</p> <p class="contact-note">Звонки и WhatsApp/Telegram</p> </div> </div> <div class="contact-item"> <div class="contact-icon"> <i class="fas fa-envelope"></i> </div> <div class="contact-details"> <h4>Email</h4> <p>aliyamuhamethanova@gmail.com</p> </div> </div> <div class="contact-item"> <div class="contact-icon"> <i class="fas fa-map-marker-alt"></i> </div> <div class="contact-details"> <h4>Адрес кабинета</h4> <p>Уфа, ул. Максима Рыльского, 2/1, офис 6</p> <p class="contact-note">Автобусная остановка "Маршала Жукова"</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>Пн-Пт: 9:00 - 20:00</p> <p>Сб: 10:00 - 14:00</p> <p>Вс: выходной</p> </div> </div> <div class="contact-note-box"> <p><i class="fas fa-info-circle"></i> Также доступны онлайн-консультации через Zoom/Skype</p> </div> </div> <div class="contact-form"> <h3>Форма записи</h3> <p>Заполните форму, и я свяжусь с вами в течение 24 часов для уточнения деталей</p> <form id="appointmentForm"> <div class="form-group"> <label for="name">Ваше имя *</label> <input type="text" id="name" name="name" required> </div> <div class="form-group"> <label for="phone">Телефон *</label> <input type="tel" id="phone" name="phone" required> </div> <div class="form-group"> <label for="email">Email</label> <input type="email" id="email" name="email"> </div> <div class="form-group"> <label for="service">Интересующая услуга</label> <select id="service" name="service"> <option value="">Выберите услугу</option> <option value="diagnostics">Нейропсихологическая диагностика</option> <option value="children">Занятия для детей</option> <option value="rehabilitation">Реабилитация для взрослых</option> <option value="consultation">Консультация для родителей</option> <option value="other">Другое</option> </select> </div> <div class="form-group"> <label for="message">Краткое описание ситуации</label> <textarea id="message" name="message" rows="4" placeholder="Опишите кратко, с чем вы хотели бы поработать..."></textarea> </div> <div class="form-group checkbox"> <input type="checkbox" id="privacy" name="privacy" required> <label for="privacy">Я согласен на обработку персональных данных</label> </div> <button type="submit" class="btn btn-primary btn-block">Отправить заявку</button> <div class="form-success" id="formSuccess" style="display: none;"> <p><i class="fas fa-check-circle"></i> Спасибо! Ваша заявка отправлена. Я свяжусь с вами в течение 24 часов.</p> </div> </form> </div> </div> </div> </section> <!-- Подвал сайта --> <footer class="footer"> <div class="container"> <div class="footer-inner"> <div class="footer-col"> <div class="logo"> <h2>Алия Мухаметханова</h2> <p class="subtitle">нейропсихолог</p> </div> <p class="footer-text">Профессиональная нейропсихологическая помощь для детей и взрослых. Индивидуальный подход на основе доказательных методик.</p> </div> <div class="footer-col"> <h3>Навигация</h3> <ul class="footer-nav"> <li><a href="#home">Главная</a></li> <li><a href="#about">Обо мне</a></li> <li><a href="#services">Услуги</a></li> <li><a href="#process">Как я работаю</a></li> <li><a href="#contact">Контакты</a></li> </ul> </div> <div class="footer-col"> <h3>Контакты</h3> <ul class="footer-contacts"> <li><i class="fas fa-phone-alt"></i>+7 (927) 333-26-19</li> <li><i class="fas fa-envelope"></i>aliyamuhamethanova@gmail.com</li> <li><i class="fas fa-map-marker-alt"></i>Уфа, ул. Максима Рыльского, 2/1, офис 6</li> </ul> </div> <div class="footer-col"> <h3>Социальные сети</h3> <div class="social-links"> <a href="#" aria-label="Telegram"><i class="fab fa-telegram"></i></a> <a href="#" aria-label="WhatsApp"><i class="fab fa-whatsapp"></i></a> <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a> <a href="#" aria-label="VKontakte"><i class="fab fa-vk"></i></a> </div> <p class="footer-note">Пишите в мессенджерах для быстрой связи</p> </div> </div> <div class="footer-bottom"> <p>© 2026 Алия Мухаметханова, нейропсихолог. Все права защищены.</p> <p><a href="#" class="privacy-link">Политика конфиденциальности</a></p> </div> </div> </footer> <!-- Кнопка "Наверх" --> <a href="#home" class="scroll-top" id="scrollTop"> <i class="fas fa-chevron-up"></i> </a> <!-- Подключение JavaScript файла --> <script src="script.js"></script> </body> </html>