Техническое задание: Верстка главной страницы

Цель проекта

Создание семантически правильной, валидной и полной HTML-разметки для главной страницы веб-сайта. Код должен быть написан вручную, без использования визуальных конструкторов, CMS или CSS-фреймворков.

Общие требования к коду

  • Использование исключительно чистого HTML.
  • Соблюдение принципов семантической верстки.
  • Код должен быть чистым, хорошо структурированным и читаемым.
  • Все элементы, указанные в структуре, должны быть реализованы без исключений.

Структура страницы

1. Секция <head>

  • Базовые мета-теги (кодировка, viewport).
  • Мета-теги Open Graph для корректного отображения в социальных сетях.
  • Разметка schema.org (микроразметка) для улучшения SEO.

2. Шапка сайта (<header>)

  • Логотип компании.
  • Основное навигационное меню.
  • Кнопка для вызова формы обратной связи.
  • Контактный телефон.
  • Физический адрес.

3. Основной контент (<main>)

  • Верхний блок (Hero-секция):
    • Слайдер изображений (реализованный на HTML).
    • Заголовок первого уровня (H1).
  • Блок "Welcome" (приветственный текст о компании).
  • Блок "Services" (список предоставляемых услуг).
  • Информационные блоки:
    • Our Team (команда специалистов).
    • Patient Information (информация для клиентов).
    • What Sets Us Apart (наши преимущества).
  • Блок с отзывами.
  • Предпоследний блок:
    • Форма обратной связи.
    • Повторение контактных данных (адрес, телефон).
  • Последний блок: Встроенная карта Google Maps.

4. Подвал сайта (<footer>)

  • Юридический адрес.
  • Контактный телефон.
  • Ссылки на основные разделы сайта (политика конфиденциальности, контакты и т.д.).
  • Иконки социальных сетей со ссылками.
  • Элемент "Версия для инвалидов" (ссылка или переключатель).

Результат работы

Исполнитель должен предоставить два файла:

  1. Визуальный макет (скриншот) готовой страницы, отображающий все элементы.
  2. HTML-файл с полным кодом страницы, готовый к запуску в браузере.