Техническое задание: Верстка информационного портала

Цель проекта

Создание современного, адаптивного и кроссбраузерного фронтенда для информационного портала с закрытым доступом для авторизованных пользователей.

Основные требования

  • Полная верстка всех страниц сайта согласно предоставленным макетам в Figma.
  • Обязательная реализация адаптивной верстки (mobile-first подход приветствуется).
  • Кроссбраузерная совместимость (последние версии Chrome, Firefox, Safari, Edge).
  • Чистый, семантический и валидный HTML/CSS код.
  • Использование современного стека технологий (например, Flexbox/Grid, препроцессоры по согласованию).

Функциональные блоки для верстки

  • Публичные страницы (главная, о проекте, контакты).
  • Система входа/регистрации с обязательным шагом верификации по SMS-коду.
  • Различные типы личных кабинетов для пользователей (интерфейсы будут отличаться).
  • Внутренние разделы портала с информационным контентом (статьи, новости, профили).

Что предоставляет заказчик

  • Полный набор макетов в Figma (десктоп, планшет, мобильные версии).
  • Все необходимые графические ресурсы (иконки, изображения, логотипы).
  • Технические пояснения по интерактивным элементам.

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

  • Готовый набор HTML, CSS (и при необходимости JS) файлов, корректно отображающихся во всех требуемых браузерах и на всех устройствах.
  • Интерактивные элементы форм (поля ввода, кнопки, переключатели).
  • Аккуратная и детализированная pixel-perfect верстка, соответствующая макетам.
  • Чистая и понятная структура файлов проекта.