Cartões-respostas de Simulados

Olá, Galera Forum Imasters

Venho aqui gentilmente pedir-lhes ajuda para desenvolvimento de um pequeno projeto de preenchimento de dados para impressão de cartões-respostas para simulados.

Vejam no link o print do que estou precisando preencher (em vermelho): https://prnt.sc/hj3wko

Vejam no link o HTML pronto, aguardando o preenchimento dinâmico do banco de dados: http://franchasing.epizy.com/gabarito/?page=1

Portanto os campos que serão populados dinamicamente: simulado, área do conhecimento, série, data, nome do aluno, foto do aluno e matrícula (com preenchimento dos círculos representando cada número da matrícula e dos períodos PPS).

Informo-lhes que não tenho nada já iniciado, a não ser somente o HTML/CSS.

Estou estudando e trabalhando. O que for conseguindo fazer irei disponibilizando. Quem sabe este projeto sirva à todos.

Desde já agradeço a ajuda com alguma dica, sugestão, link, tutorial, etc... Muito grato !