Техническое задание: Верстка главной страницы
Цель проекта
Создание семантически правильной, валидной и полной 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>)
- Юридический адрес.
- Контактный телефон.
- Ссылки на основные разделы сайта (политика конфиденциальности, контакты и т.д.).
- Иконки социальных сетей со ссылками.
- Элемент "Версия для инвалидов" (ссылка или переключатель).
Результат работы
Исполнитель должен предоставить два файла:
- Визуальный макет (скриншот) готовой страницы, отображающий все элементы.
- HTML-файл с полным кодом страницы, готовый к запуску в браузере.