\documentclass[utf8x,usehyperref]{st-bpi}
\usepackage[T2A]{fontenc}
\usepackage{ucs}
\usepackage[utf8x]{inputenc}
\usepackage[russian,english]{babel}
\usepackage{graphicx}
\usepackage{listingsutf8}
%\usepackage{lastpage}
\TableInChaper % таблицы будут нумероваться в пределах раздела
%\PicInChaper   % рисунки будут нумероваться в пределах раздела
 \setlength\GostItemGap{2mm}% для красоты можно менять от 0мм

 % Определяем разные обязательные надписи для титульной страницы
\KRegion{Брест}
\KOrganization {МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ\\УЧРЕЖДЕНИЕ ОБРАЗОВАНИЯ \\<<БРЕСТСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ>>\\КАФЕДРА <<ЭВМ и системы>>}
\KSupervisor {Проверила}{\linebreak Маркина А.~А.}
\KAuthor{Выполнил} {студент группы МС-2 \linebreak Лазакович Е.~М.}
\KCode{БрГТУ.160093-05 12 00} % содержит номер зачётки (XXXXX), номер курсового (YY) и шифр текста программы (12)
\KSubject{ТЕКСТ ПРОГРАММЫ}
\KAdd{ПРИЛОЖЕНИЕ Б}
\lstset{
defaultdialect=[x86masm]Assembler, % язык программирования
frame=none, % без рамки
xleftmargin=5mm, % отступ слева
xrightmargin=5mm, % оступ справа
breaklines=true, % переносить строки
extendedchars=true,
inputencoding=utf8/cp1251
}
\begin{document}
\frontmatter
\headsep=5mm
% вставляем титульную страницу с темой курсового проекта:
\KTitlePage{КОД\\ПРОГРАММЫ}
\newpage

\mainmatter
\tableofcontents
\chapter{HTML-код приложения index.html}
\lstinputlisting{index.html}

\chapter{CSS-код приложения style.css}
\lstinputlisting{style.css}

\chapter{JavaScript-код приложения code.js}
\lstinputlisting{code.js}
\backmatter
\end{document}