Готовый обучающий курс красиво перенести в html

Обучающий курс одного программного обеспечения, подготовлен в Word формате, количество страниц вместе с содержанием и скриншотами 180 страниц. Рисунки скриншота имеют png-формат. Количество рисунков 184шт.

1.Нужно красиво оформить в html.

2.Каждый раздел согласно содержания должен открываться отдельной страницей.

3.Содержание должно находится слева на каждой странице.

4.Каждый элемент на скриншоте, имеет нумерацию элементов на нем, необходимо чтобы цифра описания элемента была ссылкой, при нажатии на которую, рисунок скриншота, также можно было открыть в отдельном окне.

5.Если в каком-то разделе упоминается какой-то элемент из другого раздела, необходимо чтобы он был ссылкой на этот раздел. Например: Документ "Заказ" можно сформировать также в дальнейшем на основании документа "Счет". Здесь счет будет ссылкой на подраздел "Документ Счет" общего раздела "Описание документов".

6. Цвет шрифта "темно-серый". Желательно использовать цвета при оформлении: серый, сине-голубой, зеленый, оранжевый.

Прилагаю вырезку одного раздела из хелпа.