Создание мокапа журнала-каталога в формате PNG
Необходимо разработать качественную визуализацию (мокап) журнала или каталога в формате PNG для интеграции на сайт. Изображение должно быть готово к использованию в веб-среде.
Техническое задание: Верстка страниц блога
Основная задача
Создать верстку пяти страниц для современного сайта-блога. Работа должна быть выполнена исключительно с использованием HTML и CSS. Применение JavaScript, фреймворков или библиотек (таких как jQuery, React и т.п.) не разрешается.
Требования к верстке
- Чистый код: Семантическая, валидная верстка с использованием современных тегов HTML5.
- Адаптивность: Страницы должны корректно отображаться на всех типах устройств (десктоп, планшет, мобильный).
- Кроссбраузерность: Поддержка последних версий современных браузеров (Chrome, Firefox, Safari, Edge).
- Без JS: Вся функциональность (например, раскрывающиеся меню, табы, галереи) должна быть реализована средствами чистого CSS.
Структура страниц
Необходимо сверстать следующие типовые страницы блога:
- Главная страница (лента): Список последних статей с превью, пагинация, сайдбар с категориями и популярными постами.
- Страница статьи: Полный текст статьи, теги, блок автора, форма комментариев, блок похожих материалов.
- Страница категории/архива: Фильтрация статей по категории или дате.
- Страница «Обо мне» / «Об авторе»: Информационная страница с текстом и изображениями.
- Страница контактов: Контактная форма (статичная, без отправки) и способы связи.
Что предоставить
- Архив с HTML-файлами всех пяти страниц.
- Подключенные CSS-файлы со стилями.
- Используемые изображения и шрифты (или ссылки на них).
- Верстка должна быть готова к интеграции с CMS.