HTML5
Семантические секции, nav, article, sticky-навигация по рубрикам.
Кейс · Новостной портал
Сайт для Министерства энергетики РФ
Отраслевой новостной портал по ТЭК: лента событий, рубрикатор по направлениям энергетики, hero с главной новостью и адаптивная вёрстка в стиле медиа.
Год
2026
Тип проекта
новостной портал
Заказчик
Министерство энергетики РФ
Ниша
госсектор / ТЭК
Срок
2 недели
Разработчик
Иннокентий Горохов
О проекте
Новостной портал для Министерства энергетики Российской Федерации — информационный ресурс об отрасли ТЭК: нефть, газ, уголь, энергопереход, регионы и мировые события. Задача — собрать узнаваемую медиа-структуру с плотной лентой материалов и понятной навигацией по рубрикам.
Интерфейс построен как классический отраслевой новостник: верхняя служебная полоса, шапка с логотипом, sticky-рубрикатор, hero с главной новостью и боковой колонкой, основная лента, тематические блоки и футер с навигацией. Вёрстка — single-file HTML с адаптивной сеткой.
Что использовали
Чистый фронтенд — быстрая отдача статики и полный контроль над медиа-сеткой.
CSS3
Grid/Flex, CSS-переменные палитры, media queries, sticky catnav.
PT Serif / PT Sans
Классическая медиа-типографика: serif для заголовков, sans для UI.
Доступность
Focus-visible для клавиатурной навигации, контрастные ссылки.
Что реализовано
- Sticky-рубрикатор по направлениям ТЭК (Нефть, Газ, Энергетика, Энергопереход и др.)
- Hero с главной новостью и боковой колонкой второстепенных материалов
- Лента новостей с превью и мета-данными (дата, автор, рубрика)
- Тематические блоки и trio-карточки по категориям
- Sidebar с виджетами и дополнительными материалами
- Адаптивная вёрстка под мобильные и десктоп
- Футер с навигацией и служебной информацией
Над проектом работали
Иннокентий Горохов
Веб-студия ЛУМД
Проектирование структуры, вёрстка и адаптив — Иннокентий Горохов. Новостная сетка, рубрикатор и медиа-типографика за 2 недели.