Совелтек — Сайт компании

Документ для проверки реализованного функционала сайта на домене:

• https://soveltech.duckdns.org

1) Что реализовано

1.1. Многостраничная структура сайта

Сайт реализован как статический многостраничный проект (без сборки и без фреймворка):

• index.html — главная
• services.html — услуги
• technologies.html — технологии
• portfolio.html — проекты
• blog.html — блог/статьи
• contacts.html — контакты и форма заявки

На всех страницах:

• единая шапка с навигацией
• единый футер с контактами
• корректные взаимные ссылки между разделами

1.2. Контент и структура

• Контент приведен в продуктовый формат (без демонстрационных/служебных фраз).
• Добавлены тематические длинные тексты по направлениям работ.
• Добавлен раздел блога с несколькими статьями и датами, начиная с 2023 года.

1.3. Реальная форма заявки

Форма в contacts.html реализована как рабочая отправка через внешний endpoint:

• Action: https://formsubmit.co/Spirin2412@mail.ru
• Метод: POST
• Есть обязательные поля:
  • имя/компания
  • телефон или email
  • описание задачи
• После успешной отправки выполняется возврат на:
  • https://soveltech.duckdns.org/contacts.html?sent=1#request-form
• На странице выводится статус:
  • «Отправляем запрос...»
  • «Заявка отправлена. Мы свяжемся с вами после обработки обращения.»

Важно:

• для formsubmit.co может потребоваться первичная активация email через письмо-подтверждение (обычно 1 раз).

1.4. Анимации и визуальные эффекты

Реализованы клиентские эффекты и интерактив:

• прогресс-бар прокрутки вверху страницы
• анимации появления блоков (reveal) через IntersectionObserver
• parallax-смещение декоративных элементов
• анимированные счетчики в секциях с цифрами
• FAQ-аккордеон на странице контактов
• hover/tilt-эффект карточек (на поддерживаемых устройствах)
• fade-in загрузки страницы
• адаптивное мобильное меню

1.5. Адаптивность

• Верстка адаптирована под desktop/tablet/mobile
• Поддержан prefers-reduced-motion

1.6. SEO/индексация/соц-превью

На всех HTML-страницах добавлены:

• canonical
• meta robots
• Open Graph (og:*)
• Twitter Card
• theme-color

Отдельные SEO-файлы:

• robots.txt
• sitemap.xml

1.7. Favicon/PWA/бренд-ассеты

Подключен полный набор иконок и системных файлов:

• favicon.ico
• favicon.svg
• favicon-16x16.png
• favicon-32x32.png
• apple-touch-icon.png
• android-chrome-192x192.png
• android-chrome-512x512.png
• safari-pinned-tab.svg
• mstile-150x150.png
• site.webmanifest
• browserconfig.xml
• og-image.png

2) Файловая структура проекта

• index.html
• services.html
• technologies.html
• portfolio.html
• blog.html
• contacts.html
• styles.css
• script.js
• robots.txt
• sitemap.xml
• site.webmanifest
• browserconfig.xml
• иконки (favicon*, apple-touch-icon.png, android-chrome-*, safari-pinned-tab.svg, mstile-150x150.png)
• og-image.png

3) Чек-лист проверки (для контроля/приемки)

3.1. Навигация

1. Открыть https://soveltech.duckdns.org
2. Перейти по всем пунктам меню:
   • Главная
   • Услуги
   • Технологии
   • Проекты
   • Блог
   • Контакты
3. Проверить, что страницы открываются без 404

Ожидаемый результат:

• все ссылки рабочие
• активный пункт меню подсвечивается

3.2. Проверка формы заявки

1. Перейти на https://soveltech.duckdns.org/contacts.html#request-form
2. Заполнить 3 поля формы
3. Нажать «Отправить запрос»
4. Дождаться возврата на contacts.html?sent=1#request-form

Ожидаемый результат:

• появляется статус об успешной отправке
• заявка уходит на Spirin2412@mail.ru

Примечание:

• если это первый запрос через formsubmit.co, сначала подтвердить активацию в письме сервиса.

3.3. Проверка favicon/иконок

1. Открыть сайт в браузере
2. Убедиться, что favicon отображается во вкладке
3. Проверить предпросмотр ссылки в мессенджере/соцсети (OG image)

Ожидаемый результат:

• иконки и превью отображаются корректно

3.4. Проверка SEO-файлов

Проверить доступность:

• https://soveltech.duckdns.org/robots.txt
• https://soveltech.duckdns.org/sitemap.xml
• https://soveltech.duckdns.org/site.webmanifest

Ожидаемый результат:

• файлы открываются и отдаются сервером

4) Технические детали реализации

Frontend

• HTML + CSS + JavaScript (vanilla)
• Без зависимостей и сборки

JS-функции в script.js

• мобильное меню
• scroll progress
• reveal-анимации
• parallax-эффекты
• счетчики
• FAQ accordion
• form-status логика отправки

CSS в styles.css

• единая дизайн-система переменных
• сетки для секций и карточек
• анимации/эффекты
• responsive breakpoints

5) Важные эксплуатационные замечания

1. Сайт статический: можно размещать на любом static hosting/Nginx.
2. Для HTTPS на duckdns нужен корректный SSL-сертификат на стороне хоста.
3. Форма зависит от внешнего сервиса formsubmit.co.
4. Если требуется полностью автономная отправка без стороннего сервиса, нужен собственный backend endpoint.

6) Статус

• Сайт готов к демонстрации и проверке.
• Основные пользовательские сценарии реализованы.
• SEO/иконки/manifest/sitemap/robots подключены.