JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li class="reseta">Apresentacao
	    <ol>
		    <li> Conteudo </li>
		    <li> Programação </li>
		    <ol>
		        <li> JAVA </li>
		        <li> DOTNET </li>
	        </ol>
	    </ol>
    </li>
	<li class="reseta">Conclusão
        <ol>
            <li> Agradecimentos</li>
             <ol>
                <li> Família </li>
                <li> Professores </li>
            </ol>
        </ol>
    </li>
	<li>Fim</li>
</ol>

CSS

ol { counter-reset: item }
li { display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }