Preenchimento do centro com HTML

pessoal eu to criando um sistema pra estudo, e criei esta estrutura para meu sistema, mas eu não sei como direcionar uma página em HTML com Thymeleaf para o centro da estrutura, será que alguém pode me dar uma força com isso por favor, como faço pra preencher o centro?

<div class="hamburger">

   <div class="one"></div>

   <div class="two"></div>

   <div class="three"></div>

</div>

<div class="top_menu">

  <div class="logo"><img src="../imagem/logo.png"></div>

  <ul>

    

    <li><a href="#">

      <i class="fas fa-user"></i>

      </a></li>

  </ul>

</div>
  <ul>

    <li><a href="#">

      <span class="icon"><i class="fas fa-book"></i></span>

      <span class="title">Cadastro</span></a></li>

    <li><a href="#">

      <span class="icon"><i class="fas fa-file-video"></i></span>

      <span class="title">Produtos</span>

      </a></li>

    <li><a href="#">

      <span class="icon"><i class="fas fa-volleyball-ball"></i></span>

      <span class="title">Venda</span>

      </a></li>

    <li><a href="#">

      <span class="icon"><i class="fas fa-leaf"></i></span>

      <span class="title">Lançamento</span>

      </a></li>

      <li><a href="#">

        <span class="icon"><i class="fas fa-leaf"></i></span>

        <span class="title">Lançamento</span>

        </a></li>

</ul>
<div class="item">

 Quero colocar outra página aqui, porém não sei como

</div>

Esse link: https://www.thymeleaf.org/doc/articles/layouts.html, ensina como trabalhar com fragmentos de tela usando o thymeleaf. Basicamente, vc define as partes da tela que serão reutilizadas.

1 curtida

valeu irmão era isso mesmo que eu estava precisando