/
ssm255
/
lb1
Обзор
Документация
Войти
/
ssm255
/
lb1
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
develop
index.html
229 строк
13 KB
Sofya Sysoeva
Добавить aria-метки, alt-тексты и исправить ошибки валидации
28 май 2026, 19:18
28 май 2026, 19:18
ee20348
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pawly — ветеринарная клиника</title> <link rel="stylesheet" href="CSS/style.css"> <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@400;500;600&family=Montserrat:wght@500;600;700&display=swap" rel="stylesheet"> </head> <body> <header class="header"> <div class="header__inner"> <a class="logo" href="index.html" aria-label="На главную">🐾 Pawly</a> <nav class="nav" aria-label="Главная навигация"> <a href="#home">Главная</a> <a href="#services">Услуги</a> <a href="#doctors">Врачи</a> <a href="#faq">FAQ</a> <a href="#contacts">Контакты</a> </nav> <a class="header__button" href="appointment.html" aria-label="Записаться на приём">Запись</a> </div> </header> <main> <!-- HERO --> <section class="hero" id="home" aria-label="Главный баннер"> <div class="hero__content"> <div class="hero__text"> <h1>Заботимся о здоровье ваших питомцев</h1> <p>Современная ветеринарная клиника с заботой о каждом питомце</p> <a class="button hero__button" href="appointment.html" aria-label="Перейти к форме записи">Записаться на приём</a> </div> </div> </section> <!-- SERVICES --> <section class="section services" id="services" aria-label="Наши услуги"> <h2>Наши услуги</h2> <div class="services__grid"> <article class="service-card"> <div class="service-card__icon"> <img src="images/ik1.jpg" alt="Вакцинация собаки"> </div> <div> <h3>Вакцинация</h3> <p>Плановая вакцинация собак и кошек современными препаратами</p> </div> </article> <article class="service-card"> <div class="service-card__icon"> <img src="images/ik2.jpg" alt="Диагностика питомца"> </div> <div> <h3>Диагностика</h3> <p>Точная диагностика и обследование питомцев с использованием современного оборудования.</p> </div> </article> <article class="service-card"> <div class="service-card__icon"> <img src="images/ik3.jpg" alt="Груминг собаки"> </div> <div> <h3>Груминг</h3> <p>Профессиональный уход за шерстью, когтями и гигиеной домашних животных.</p> </div> </article> <article class="service-card"> <div class="service-card__icon"> <img src="images/ik4.jpg" alt="Хирургия животных"> </div> <div> <h3>Хирургия</h3> <p>Проведение хирургических операций с заботой о безопасности и восстановлении питомца.</p> </div> </article> </div> </section> <!-- ABOUT --> <section class="section about" id="about" aria-label="О клинике"> <h2>О клинике</h2> <div class="about__layout"> <div class="about__image"> <img src="images/oclinic.jpg" alt="Интерьер ветеринарной клиники Pawly"> </div> <div class="about__text"> <h3>Современная ветеринарная клиника Pawly</h3> <p>Мы заботимся о здоровье и комфорте ваших питомцев, предоставляя современные ветеринарные услуги в спокойной и дружелюбной атмосфере.</p> <p>В клинике Pawly работают опытные специалисты, использующие современные методы диагностики, лечения и ухода за домашними животными. Мы стремимся сделать каждый визит комфортным как для питомцев, так и для их владельцев.</p> <a class="button" href="#contacts" aria-label="Перейти к контактам">Подробнее о нас</a> </div> </div> </section> <!-- DOCTORS --> <section class="section doctors" id="doctors" aria-label="Наши врачи"> <h2>Наши врачи</h2> <div class="doctors__grid"> <article class="doctor-card"> <img class="doctor-card__photo" src="images/doctor1.png" alt="Ветеринарный терапевт Елизавета Теплышова"> <h3>Елизавета Теплышова</h3> <span>Ветеринарный терапевт</span> <p>Опыт работы более 8 лет. Специализируется на диагностике и профилактике заболеваний домашних животных.</p> </article> <article class="doctor-card"> <img class="doctor-card__photo" src="images/doctor2.png" alt="Специалист по грумингу Милана Шевчук"> <h3>Милана Шевчук</h3> <span>Специалист по уходу и грумингу</span> <p>Опыт работы более 6 лет. Специализируется на уходе, гигиене и комфорте домашних животных.</p> </article> <article class="doctor-card"> <img class="doctor-card__photo" src="images/doctor3.jpg" alt="Ветеринарный хирург Даниил Дометровский"> <h3>Даниил Дометровский</h3> <span>Хирург</span> <p>Опыт работы более 10 лет. Специализируется на хирургических операциях и восстановлении питомцев после лечения.</p> </article> </div> </section> <!-- ADVANTAGES --> <section class="section advantages" aria-label="Преимущества клиники"> <h2>Почему выбирают нас</h2> <div class="advantages__wrap"> <article class="advantage-card"> <div class="advantage-card__icon"> <img src="images/ik5.jpg" alt="Опытные специалисты"> </div> <h3>Опытные специалисты</h3> <p>Квалифицированные врачи с большим опытом работы с домашними животными.</p> </article> <article class="advantage-card"> <div class="advantage-card__icon"> <img src="images/ik6.jpg" alt="Современное оборудование"> </div> <h3>Современное оборудование</h3> <p>Используем современные методы диагностики и лечения питомцев.</p> </article> <article class="advantage-card"> <div class="advantage-card__icon"> <img src="images/ik7.jpg" alt="Забота и комфорт"> </div> <h3>Забота и комфорт</h3> <p>Создаём спокойную и безопасную атмосферу для животных и их владельцев.</p> </article> </div> </section> <!-- REVIEWS --> <section class="section reviews" aria-label="Отзывы клиентов"> <h2>Отзывы клиентов</h2> <div class="reviews__grid"> <article class="review-card"> <div class="review-card__left"> <img class="review-card__avatar" src="images/otzyv1.jpg" alt="Фото клиента Марина К."> <h3>Марина К.</h3> </div> <div class="review-card__content"> <span class="stars">★★★★★</span> <p>Очень понравилось отношение врачей и спокойная атмосфера в клинике. Всё подробно объяснили и быстро помогли нашему питомцу.</p> </div> </article> <article class="review-card"> <div class="review-card__left"> <img class="review-card__avatar" src="images/otzyv2.jpg" alt="Фото клиента Денис Т."> <h3>Денис Т.</h3> </div> <div class="review-card__content"> <span class="stars">★★★★★</span> <p>Современная клиника с внимательными специалистами. Остались довольны качеством обслуживания и заботой о нашем коте.</p> </div> </article> </div> </section> <!-- FAQ --> <section class="section faq" id="faq" aria-label="Часто задаваемые вопросы"> <h2>Часто задаваемые вопросы</h2> <div class="faq__grid"> <div class="faq-item"> <h3>Нужна ли предварительная запись на приём?</h3> <p>Да, мы работаем строго по предварительной записи. Это позволяет избежать очередей и уделить максимум времени каждому питомцу. Вы можете записаться через форму на странице <a href="appointment.html">онлайн-записи</a> или по телефону.</p> </div> <div class="faq-item"> <h3>Принимаете ли вы экстренных пациентов?</h3> <p>Да, в нашей клинике есть дежурный ветеринар для экстренных случаев. Пожалуйста, звоните нам по телефону <strong>+7 (999) 123-45-67</strong> перед визитом, чтобы мы могли подготовиться к приёму.</p> </div> <div class="faq-item"> <h3>Какие документы нужны для первого визита?</h3> <p>Для первого визита достаточно иметь при себе паспорт владельца. Если у питомца есть ветеринарный паспорт с отметками о прививках, тоже захватите его — это поможет врачу.</p> </div> <div class="faq-item"> <h3>Можно ли вызвать врача на дом?</h3> <p>Да, мы предоставляем услуги выезда ветеринара на дом. Это удобно, если питомец плохо переносит дорогу или у вас нет возможности приехать в клинику. Оставьте заявку на странице <a href="appointment.html">онлайн-записи</a> с пометкой "Выезд на дом".</p> </div> <div class="faq-item"> <h3>Сколько длится первичный приём?</h3> <p>Первичный приём обычно занимает 30–40 минут. Врач осматривает питомца, собирает анамнез, при необходимости назначает анализы или дополнительные обследования.</p> </div> <div class="faq-item"> <h3>Есть ли у вас своя лаборатория?</h3> <p>Да, в клинике Pawly есть собственная лаборатория, что позволяет быстро получать результаты анализов (крови, мочи, цитологии) без ожидания в несколько дней.</p> </div> </div> </section> </main> <footer class="footer" id="contacts"> <div class="footer__inner"> <a class="footer__logo" href="index.html" aria-label="На главную">🐾 Pawly</a> <div class="footer__column"> <h3>Контакты</h3> <p>+7 (999) 123-45-67</p> <p>info@pawly.ru</p> </div> <div class="footer__column"> <h3>Адрес</h3> <p>г. Москва, ул. Лесная, 15</p> </div> <div class="footer__column"> <h3>Соцсети</h3> <p>Telegram</p> <p>Instagram</p> <p>VK</p> </div> </div> <p class="footer__copy">© 2026 Pawly. Все права защищены.</p> </footer> </body> </html>